Badge Blade 组件

简介

badge 组件用于渲染内含文本的小框：

<x-filament::badge>
    New
</x-filament::badge>

设置徽章尺寸

默认情况下，徽章尺寸为「中等」。可使用 size 属性将其设为「超小」或「小」：

<x-filament::badge size="xs">
    New
</x-filament::badge>

<x-filament::badge size="sm">
    New
</x-filament::badge>

更改徽章颜色

默认情况下，徽章颜色为「primary」。可使用 color 属性将其改为 danger、gray、info、success 或 warning：

<x-filament::badge color="danger">
    New
</x-filament::badge>

<x-filament::badge color="gray">
    New
</x-filament::badge>

<x-filament::badge color="info">
    New
</x-filament::badge>

<x-filament::badge color="success">
    New
</x-filament::badge>

<x-filament::badge color="warning">
    New
</x-filament::badge>

为徽章添加图标

可使用 icon 属性为徽章添加图标：

<x-filament::badge icon="heroicon-m-sparkles">
    New
</x-filament::badge>

也可以使用 icon-position 属性，将图标位置从文本之前改为文本之后：

<x-filament::badge
    icon="heroicon-m-sparkles"
    icon-position="after"
>
    New
</x-filament::badge>