Rating
---
import Rating from 'fulldev-ui/components/Rating.astro'
---
<Rating avatar="avatar-1.jpeg" label="John Doe" value={4} color="brand" />
Props
| Prop | Type | Default |
|---|---|---|
| align | 'start' | 'center' | 'end' | - |
| value | number | - |
| label | string | - |
| avatars | string[] | - |
| avatar | string | - |
| HTML Attributes | div | - |
Examples
---
import Rating from 'fulldev-ui/components/Rating.astro'
---
<Rating
avatars={['avatar-1.jpeg', 'avatar-2.jpeg', 'avatar-3.jpeg', 'avatar-4.jpeg']}
label="5.0 out of 86 reviews"
value={5}
color="brand"
/>
---
import Rating from 'fulldev-ui/components/Rating.astro'
---
<Rating value={3} color="base" />
<Rating value={5} color="brand" />
---
import Rating from 'fulldev-ui/components/Rating.astro'
---
<Rating value={5} size="sm" />
<Rating value={5} size="md" />
<Rating value={5} size="lg" />