Languages

Version

Theme

组件

Badge Blade 组件

简介

徽章组件用于渲染一个里面带有一些文本的小框:

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

设置徽章尺寸

徽章默认尺寸为 “medium”。你可以使用 size 属性将其设置为“超小”或“小”:

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

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

更改徽章颜色

徽章默认颜色为 “primary”。你可以使用 color 属性将其更改为 dangergrayinfosuccesswarning

<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>
Edit on GitHub

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

Previous
Avatar Blade 组件