PHPackages                             abordage/nova-html-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. abordage/nova-html-card

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

abordage/nova-html-card
=======================

A Laravel Nova card that displays any html content, e.g. lists, notifications, small custom reports

1.1.1(1y ago)12235.6k↓31%6[2 PRs](https://github.com/abordage/nova-html-card/pulls)MITPHPPHP >=7.4CI passing

Since Jul 4Pushed 1w ago1 watchersCompare

[ Source](https://github.com/abordage/nova-html-card)[ Packagist](https://packagist.org/packages/abordage/nova-html-card)[ Docs](https://github.com/abordage/nova-html-card)[ RSS](/packages/abordage-nova-html-card/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (8)Dependencies (6)Versions (15)Used By (0)

Nova Html Card
==============

[](#nova-html-card)

A Laravel Nova card that displays any html content, e.g. lists, notifications, small custom reports.

[![Laravel Nova HTML Card](https://github.com/abordage/nova-html-card/raw/master/docs/images/abordage-nova-html-card.png?raw=true)](https://github.com/abordage/nova-html-card/blob/master/docs/images/abordage-nova-html-card.png?raw=true)

[ ![Packagist Version](https://camo.githubusercontent.com/09977486d86daeb4bfa1b1a018011ee1758c4e4b823baabf10bc96d936716816/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f61626f72646167652f6e6f76612d68746d6c2d63617264)](https://packagist.org/packages/abordage/nova-html-card "Packagist version")[ ![GitHub Code Style Status](https://camo.githubusercontent.com/0638b3c540fd63729dd169ef798faf47620a62fa8f012a571027f6cfc22a38c0/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f61626f72646167652f6e6f76612d68746d6c2d636172642f7068702d63732d66697865722e796d6c3f6c6162656c3d636f64652532307374796c65)](https://github.com/abordage/nova-html-card/actions/workflows/php-cs-fixer.yml "GitHub Code Style Status")[ ![Laravel Nova Version](https://camo.githubusercontent.com/af6e6a3ca5d0da3fe216703d379ceed515bb2bf8f4cb8bf83cc5d4d8409c85ca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c61726176656c2532306e6f76612d352e302d314441354537)](https://nova.laravel.com/docs/4.0/ "Laravel Nova Version")[ ![PHP Version Support](https://camo.githubusercontent.com/cc43dc842cfd7526eef440a3f702d236dc1dbd78645111653fb58aa51c446f16/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f61626f72646167652f6e6f76612d68746d6c2d63617264)](https://www.php.net/ "PHP version")[ ![License](https://camo.githubusercontent.com/4d58b13e4ba8917084f4ae5feab978bf307fe14a4b6087a87d1e0450085a685b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f61626f72646167652f6e6f76612d68746d6c2d63617264)](https://github.com/abordage/nova-html-card/blob/master/LICENSE.md "License")

Requirements
------------

[](#requirements)

- PHP 7.4 - 8.4
- Laravel 8.x - 11.x
- Nova 4.x - 5.x

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

[](#installation)

You can install the package via composer:

```
composer require abordage/nova-html-card
```

Usage
-----

[](#usage)

To create a cards use the `artisan` command:

```
php artisan nova-html-card MyHtmlCard
```

By default, all new cards will be placed in the `app/Nova/Cards` directory. Once your html card class has been generated, you're ready to customize it:

```