Skip to content
Accessible Astro Docs Accessible Astro Docs

Getting Started

Overview

A set of Accessible, easy to use, Front-end UI Components for Astro. Most of these components are used in the Accessible Astro Starter and the Accessible Astro Dashboard themes, and they provide exemplary use cases for these components. As a bonus, these themes also have their own dedicated components (like keyboard accessible and responsive navigations) and many Design System utility classes, patterns and primitives (such as grids, buttons, lists, spacings, sizes and more).

🚀 Live preview

Installation

Run the following command in your project folder to get started.

Terminal window
npm install accessible-astro-components --save-dev

Usage

Import the components from the package using the following import statement:

---
import { Accordion, AccordionItem, Card, Modal, ... } from 'accessible-astro-components'
---