astro-bryceguy
This is my Astro component library
NOTE: These components are static, rendered using SSG or SSR, if your looking for client-side js components for interactivity here are some Astro wrappers for popular web components:
- astro-github-elements Collection of Astro component wrappers for the github-elements project
Pagination
Customizeable page navigation
Features
- Customize how many page numbers are shown at the start, middle, and end
- Fully customize every elements tag, text, innerHTML, and attributes using astro-json-element
- Add commas to page numbers
- String number compatibility
This component is a fork/refactor of https://github.com/iozcelik/SarissaPagination
Example
Rating
Uses star icons to display the rating of a product, post, comment, etc.
Features
- Shows a rate (2/5, 7.5/10, etc) using stars
- Supports displaying half stars
- Uses astro-icon to serve star icon svgs
- Fully customize every elements tag, text, innerHTML, and attributes using astro-json-elements
Example
