Streamline the Laravel SaaS Starter Kit - Launch Your Next SaaS Today

Badge

Badges display status or counts

Tag: x-turbine-ui-badge
default badge
brand badge
primary badge
secondary badge
success badge
warning badge
danger badge 
<x-turbine-ui-badge>default badge</x-turbine-ui-badge>
 
<x-turbine-ui-badge variant="brand">brand badge</x-turbine-ui-badge>
 
<x-turbine-ui-badge variant="primary">primary badge</x-turbine-ui-badge>
 
<x-turbine-ui-badge variant="secondary">secondary badge</x-turbine-ui-badge>
 
<x-turbine-ui-badge variant="success">success badge</x-turbine-ui-badge>
 
<x-turbine-ui-badge variant="warning">warning badge</x-turbine-ui-badge>
 
<x-turbine-ui-badge variant="danger">danger badge</x-turbine-ui-badge>

Attributes

Name Type Options Description
accent boolean Adds an accent
border boolean Adds a border
hollow boolean Removes background colour
icon string Adds an icon
prefix string Adds content to the start
ring boolean Adds a ring
rounded boolean Adds a rounded corner
shadow boolean Adds a shadow
size string Size is used to control styles such as margin, padding and font size. Extensible via the theme.
suffix string Adds content to the end
variant string A variant is like a colour palette
Theme