abordage / nova-html-card
一个Laravel Nova卡片,可以显示任何HTML内容,例如列表、通知、小型的自定义报告
0.3.1
2024-03-23 18:22 UTC
Requires
- php: >=7.4
- laravel/nova: ^4.0
Requires (Dev)
- friendsofphp/php-cs-fixer: ^3.0
- nunomaduro/collision: ^5.0 || ^6.0 || ^7.0 || ^8.0
- nunomaduro/larastan: ^1.0 || ^2.0
- orchestra/testbench: ^6.0 || ^7.0 || ^8.0 || ^9.0
- phpunit/phpunit: ^9.6 || ^10.0
README
Nova Html Card
一个Laravel Nova卡片,可以显示任何HTML内容,例如列表、通知、小型的自定义报告。
需求
- PHP 7.4 - 8.3
- Laravel 8.x - 11.x
- Nova 4
安装
您可以通过composer安装此包
composer require abordage/nova-html-card
使用方法
要创建卡片,请使用artisan
命令
php artisan nova-html-card MyHtmlCard
默认情况下,所有新卡片都将放置在app/Nova/Cards
目录中。一旦您的HTML卡片类生成,您就可以开始自定义它了
<?php namespace App\Nova\Cards; use Abordage\HtmlCard\HtmlCard; class MyHtmlCard extends HtmlCard { /** * Name of the card (optional) */ public string $title = ''; /** * The width of the card (1/2, 1/3, 1/4 or full). */ public $width = '1/3'; /** * The height strategy of the card (fixed or dynamic). */ public $height = 'fixed'; /** * Align content to the center of the card. */ public bool $center = true; /** * Html content */ public function content(): string { return '<h1 class="text-4xl">Some content</h1>'; } }
如果设置$height = 'fixed'
,内容将滚动
如果设置$height = 'dynamic'
,内容将完整显示
一旦您定义了一个卡片,您就可以将其附加到仪表板或资源。您只需将其添加到指标/卡片的数组中即可
反馈
如果您有任何反馈、评论或建议,请随时在此存储库中打开一个问题。
鸣谢
许可
MIT许可(MIT)。请参阅许可文件以获取更多信息。