Badge
Badge
---
import Badge from 'fulldev-ui/components/Badge.astro'
---
<Badge>Badge</Badge>
Props
| Prop | Type | Default |
|---|---|---|
| radius | 'none' | 'auto' | 'full' | full |
| size | 'sm' | 'md' | 'lg' | - |
| color | 'base' | 'brand' | - |
| contrast | boolean | - |
| html | string | - |
| text | string | - |
| icon | string | - |
| as | HTMLTag | href ? a |
| HTML Attributes | Polymorphic<href ? a> | - |
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
Badge
Badge
---
import Badge from 'fulldev-ui/components/Badge.astro'
---
<Badge radius="none">Badge</Badge>
<Badge radius="auto">Badge</Badge>
<Badge radius="full">Badge</Badge>
Badge
---
import Badge from 'fulldev-ui/components/Badge.astro'
---
<Badge icon="circle" set:html="Badge" />