页内插件

Filament 允许你在页面内部的页头之下和页脚之上显示插件 widgets。

使用 getHeaderWidgets 和 getFooterWidgets() 方法可以在页面中添加插件。

use App/Filament/Widgets/StatsOverviewWidget;
 
protected function getHeaderWidgets(): array
{
    return [
        StatsOverviewWidget::class
    ];
}
use App/Filament/Widgets/StatsOverviewWidget;

protected function getHeaderWidgets(): array
{
    return [
        StatsOverviewWidget::class
    ];
}

getHeaderWidgets 方法返回显示在页面内容上面的插件数组，getFooterWidgets() 方法则显示下面的。

关于如何创建自定义插件，查看仪表盘文档。

#自定义插件网格

你可以修改插件占用的网格数。

重写 getHeaderWidgetsColumns() 或者 getFooterWidgetsColumns()，使之返回代表网格宽度的数字：

protected function getHeaderWidgetsColumns(): int | array
{
    return 3;
}
protected function getHeaderWidgetsColumns(): int | array
{
    return 3;
}

#响应式插件网格

你可能希望根据浏览器的响应式临界点，调整插件占用的网格数。返回类似如下数组：

protected function getHeaderWidgetsColumns(): int | array
{
    return [
        'md' => 4,
        'xl' => 5,
    ];
}
protected function getHeaderWidgetsColumns(): int | array
{
    return [
        'md' => 4,
        'xl' => 5,
    ];
}

可以和响应式插件宽度搭配使用。

Edit on GitHub

Still need help? Join our Discord community or open a GitHub discussion