Badge
Badge
---
import Badge from 'fulldev-ui/components/Badge.astro'
---
<Badge>Badge</Badge>
Props
| Prop | Type | Default |
|---|---|---|
| icon | ComponentProps<typeof Icon>['name'] | - |
| text | string | - |
| size | 'sm' | 'md' | 'lg' | - |
| color | 'base' | 'brand' | - |
| contrast | boolean | - |
| theme | 'light' | 'dark' | - |
Examples
Badge
Badge
Badge
---
import Badge from 'fulldev-ui/components/Badge.astro'
---
<Badge size="sm">Badge</Badge>
<Badge size="md">Badge</Badge>
<Badge size="lg">Badge</Badge>
Badge
Badge
---
import Badge from 'fulldev-ui/components/Badge.astro'
---
<Badge color="base">Badge</Badge>
<Badge color="brand">Badge</Badge>
Badge
Badge
---
import Badge from 'fulldev-ui/components/Badge.astro'
---
<Badge>Badge</Badge>
<Badge contrast>Badge</Badge>
Badge
---
import Badge from 'fulldev-ui/components/Badge.astro'
---
<Badge icon="circle" text="Badge" />