Rating

---
import Rating from 'fulldev-ui/components/Rating.astro'
---

<Rating avatar="avatar-1.jpeg" text="John Doe" value={4.5} />

---
import Rating from 'fulldev-ui/components/Rating.astro'
---

<Rating
  avatars={['avatar-1.jpeg', 'avatar-2.jpeg', 'avatar-3.jpeg', 'avatar-4.jpeg']}
  text="4.92 out of 236 reviews"
  value={4.92}
/>

---
import Rating from 'fulldev-ui/components/Rating.astro'
---

<Rating value={3} />
<Rating value={5} />

---
import Rating from 'fulldev-ui/components/Rating.astro'
---

<Rating
  size="sm"
  avatars={['avatar-1.jpeg', 'avatar-2.jpeg', 'avatar-3.jpeg', 'avatar-4.jpeg']}
  text="4.92 out of 236 reviews"
  value={4.92}
/>

<Rating
  size="md"
  avatars={['avatar-1.jpeg', 'avatar-2.jpeg', 'avatar-3.jpeg', 'avatar-4.jpeg']}
  text="4.92 out of 236 reviews"
  value={4.92}
/>

<Rating
  size="lg"
  avatars={['avatar-1.jpeg', 'avatar-2.jpeg', 'avatar-3.jpeg', 'avatar-4.jpeg']}
  text="4.92 out of 236 reviews"
  value={4.92}
/>