abordage/nova-html-card

一个Laravel Nova卡片,可以显示任何HTML内容,例如列表、通知、小型的自定义报告

0.3.1 2024-03-23 18:22 UTC

This package is auto-updated.

Last update: 2024-09-08 02:07:48 UTC


README

Nova Html Card

一个Laravel Nova卡片,可以显示任何HTML内容,例如列表、通知、小型的自定义报告。

Laravel Nova HTML Card

Packagist Version GitHub Code Style Status Laravel Nova Version PHP Version Support License

需求

  • 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',内容将滚动

Laravel Nova HTML Card

如果设置$height = 'dynamic',内容将完整显示

Laravel Nova HTML Card

一旦您定义了一个卡片,您就可以将其附加到仪表板或资源。您只需将其添加到指标/卡片的数组中即可

反馈

如果您有任何反馈、评论或建议,请随时在此存储库中打开一个问题。

鸣谢

许可

MIT许可(MIT)。请参阅许可文件以获取更多信息。