PHPackages                             crusherrl/nova-info-card - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. crusherrl/nova-info-card

ActiveLibrary[Utility & Helpers](/categories/utility)

crusherrl/nova-info-card
========================

A Laravel Nova info card.

1.1.1(2y ago)18.2k↓22.7%1MITPHPPHP ^8.0

Since Aug 29Pushed 2y ago1 watchersCompare

[ Source](https://github.com/CrusherRL/nova-info-card)[ Packagist](https://packagist.org/packages/crusherrl/nova-info-card)[ Docs](https://github.com/CrusherRL/nova-info-card)[ RSS](/packages/crusherrl-nova-info-card/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (4)DependenciesVersions (5)Used By (0)

Nova Info Card
==============

[](#nova-info-card)

This Project is a fork which is compatible with Nova 4. Also, this package provides an easy-and-simple way to add notification cards to a Laravel Nova Resource.

Installation
------------

[](#installation)

```
composer require crusherrl/nova-info-card
```

Usage
-----

[](#usage)

```
use CrusherRL\NovaCards\Info;

//...

public function cards()
{
    return [
        (new Info())
            ->info('Some info message')
    ];
}
```

### Themes

[](#themes)

This package comes with 4 predefined styles - *info*, *success*, *warning* and *danger*. To select a theme, just use the it as the method name.

If you need to generate a card theme dynamically, you can use the `message()` method which accepts two arguments - `$message` and `$level`.

```
->info($message)
->success($message)
->warning($message)
->danger($message)
->message($message, $level) // accepted values for $level: 'info', 'success' , 'warning', 'danger'
```

[![Example](images/basic_example.png)](images/basic_example.png)

---

### Defining a header

[](#defining-a-header)

You can also define a heading for the message using the `heading()` method:

```
(new Info())
    ->heading('Info heading')
    ->info('Some info message')
```

[![Heading screenshot](images/with_heading_example.png)](images/with_heading_example.png)

---

### Render Html

[](#render-html)

If you want to render your message as raw html the same way that Nova lets you in resource fields, just chain the `asHtml()` method:

```
(new Info())
    ->info('Be sure to checkout the original Project
    pdmfc/nova-info-card!')
    ->asHtml(),
```

[![Rendering raw Html](images/raw_html_example.png)](images/raw_html_example.png)

---

### Customizing with colors

[](#customizing-with-colors)

Currently, the newest feature is to colorize specific or all parts of the card html.

Example to colorize the whole component:

```
(new Info())
    ->info('Be sure to checkout the original Project pdmfc/nova-info-card!')
    ->setColors([
        'border' => 'rgb(48 107 203)',
        'background' => 'hsl(217.09deg 88.71% 75.69%)',
        'text' => '#4f4f4f',
        'icon' => 'black'
    ])
    ->asHtml(),
```

[![Rendering Colorized raw Html](images/raw_colorized_html_example.png)](images/raw_colorized_html_example.png)

Also, you can set only specific parts, like only icon or only border.

```
(new Info())
    ->info('Be sure to checkout the original Projectpdmfc/nova-info-card!')
    ->setBorderColor('rgb(48 107 203)')
    ->setBackgroundColor('blue-200')
    ->setTextColor('#4f4f4f')
    ->setIconColor('black')
    ->asHtml(),
```

As you may have seen, there is a color called 'blue-200'. That's because is a predefined color which you can see here:

```
{
  "blue-200": "rgb(191 219 254)",
  "green-200": "rgb(187 247 208)",
  "yellow-200": "rgb(254 240 138)",
  "red-200": "rgb(254 202 202)",
  "blue-600": "rgb(37 99 235)",
  "green-600": "rgb(22 163 74)",
  "yellow-600": "rgb(202 138 4)",
  "red-600": "rgb(220 38 38)"
}
```

---

How to contribute
-----------------

[](#how-to-contribute)

- clone the repo
- on `composer.json` of a laravel nova application add the following:

```
{
    //...

    "require" {
        "crusherrl/nova-info-card: "*"
    },

    //...
    "repositories": [
        {
            "type": "path",
            "url": "../path_to_your_package_folder"
        }
    ],
}

```

- run `composer update crusherrl/nova-info-card`

You're now ready to start contributing!

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity27

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity51

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~27 days

Total

4

Last Release

910d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/84df6a9be1158aa939170572aeca403d1580fd85efb4a0bf480c4ba6fe6625f8?d=identicon)[CrusherRL](/maintainers/CrusherRL)

---

Top Contributors

[![skoyah](https://avatars.githubusercontent.com/u/36083448?v=4)](https://github.com/skoyah "skoyah (3 commits)")

---

Tags

laravelpackagecardinfonovanova4

### Embed Badge

![Health badge](/badges/crusherrl-nova-info-card/health.svg)

```
[![Health](https://phpackages.com/badges/crusherrl-nova-info-card/health.svg)](https://phpackages.com/packages/crusherrl-nova-info-card)
```

###  Alternatives

[sietse85/nova-button

(Nova 4+) A Laravel Nova package for adding buttons to your resources.

37347.3k](/packages/sietse85-nova-button)[digital-creative/custom-relationship-field

Emulate HasMany relationship without having a real relationship set between resources

33200.0k](/packages/digital-creative-custom-relationship-field)[ericlagarda/nova-text-card

A custom card for Laravel Nova to show Text in cards with some good options

20388.6k2](/packages/ericlagarda-nova-text-card)[pdmfc/nova-info-card

A Laravel Nova info card.

14103.0k2](/packages/pdmfc-nova-info-card)[digital-creative/resource-navigation-link

Create links to internal or external resources.

1044.0k](/packages/digital-creative-resource-navigation-link)[digital-creative/expandable-table-row

Provides an easy way to append extra data to each row of your resource tables.

1617.6k](/packages/digital-creative-expandable-table-row)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)