Fulldev UI Badges
First
Second
---
import Badges from 'fulldev-ui/components/Badges.astro'
---
<Badges badges={[{ text: 'First' }, { text: 'Second' }]} />
Props
Examples
variant
First
Second
First
Second
First
Second
---
import Badges from 'fulldev-ui/components/Badges.astro'
---
<Badges variant="primary" badges={[{ text: 'First' }, { text: 'Second' }]} />
<Badges variant="secondary" badges={[{ text: 'First' }, { text: 'Second' }]} />
<Badges variant="outline" badges={[{ text: 'First' }, { text: 'Second' }]} />
size
First
Second
First
Second
First
Second
---
import Badges from 'fulldev-ui/components/Badges.astro'
---
<Badges size="sm" badges={[{ text: 'First' }, { text: 'Second' }]} />
<Badges size="md" badges={[{ text: 'First' }, { text: 'Second' }]} />
<Badges size="lg" badges={[{ text: 'First' }, { text: 'Second' }]} />