Displays a badge or a component that looks like a badge.
<x-portal::badge>Badge</x-portal::badge>
If you want to customize the components, you can publish them by running the following command :
php artisan vendor:publish --tag=portal-ui:badge --force
<x-portal::badge>default</x-portal::badge>
<x-portal::badge color="primary">primary</x-portal::badge>
<x-portal::badge color="red">red</x-portal::badge>
<x-portal::badge color="orange">orange</x-portal::badge>
<x-portal::badge color="amber">amber</x-portal::badge>
<x-portal::badge color="yellow">yellow</x-portal::badge>
<x-portal::badge color="lime">lime</x-portal::badge>
<x-portal::badge color="green">green</x-portal::badge>
<x-portal::badge color="emerald">emerald</x-portal::badge>
<x-portal::badge color="teal">teal</x-portal::badge>
<x-portal::badge color="cyan">cyan</x-portal::badge>
<x-portal::badge color="sky">sky</x-portal::badge>
<x-portal::badge color="blue">blue</x-portal::badge>
<x-portal::badge color="indigo">indigo</x-portal::badge>
<x-portal::badge color="violet">violet</x-portal::badge>
<x-portal::badge color="purple">purple</x-portal::badge>
<x-portal::badge color="fuchsia">fuchsia</x-portal::badge>
<x-portal::badge color="pink">pink</x-portal::badge>
<x-portal::badge color="rose">rose</x-portal::badge>
<x-portal::badge variant="solid">primary</x-portal::badge>
<x-portal::badge variant="solid" color="red">red</x-portal::badge>
<x-portal::badge variant="solid" color="orange">orange</x-portal::badge>
<x-portal::badge variant="solid" color="amber">amber</x-portal::badge>
<x-portal::badge variant="solid" color="yellow">yellow</x-portal::badge>
<x-portal::badge variant="solid" color="lime">lime</x-portal::badge>
<x-portal::badge variant="solid" color="green">green</x-portal::badge>
<x-portal::badge variant="solid" color="emerald">emerald</x-portal::badge>
<x-portal::badge variant="solid" color="teal">teal</x-portal::badge>
<x-portal::badge variant="solid" color="cyan">cyan</x-portal::badge>
<x-portal::badge variant="solid" color="sky">sky</x-portal::badge>
<x-portal::badge variant="solid" color="blue">blue</x-portal::badge>
<x-portal::badge variant="solid" color="indigo">indigo</x-portal::badge>
<x-portal::badge variant="solid" color="violet">violet</x-portal::badge>
<x-portal::badge variant="solid" color="purple">purple</x-portal::badge>
<x-portal::badge variant="solid" color="fuchsia">fuchsia</x-portal::badge>
<x-portal::badge variant="solid" color="pink">pink</x-portal::badge>
<x-portal::badge variant="solid" color="rose">rose</x-portal::badge>