组件
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
属性将其更改为 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>
Edit on GitHubStill need help? Join our Discord community or open a GitHub discussion