Cardan UI

Accessible Vue component library for Nuxt in TypeScript.

Cardan UI is a Nuxt Layer in a public repository. You can extend from the GitHub repository.

Development

  • Run pnpm i to install dependencies
  • Run pnpm run dev to start the development server on localhost:3003

Cardan Auth UI

The auth/ directory holds Cardan Auth UI: a separate Nuxt layer with the sign-in and MFA forms for Nuxt SPAs backed by Laravel Fortify. Projects that need it extend it next to Cardan UI (github:cardan-a11y/cardan-ui/auth); see auth/README.md.

Cardan UI provides accessible, brand-agnostic components. The Cardan brand identity lives in the design tokens of app/assets/main.css, a template that each project copies into its own main.css.

How to extend from Cardan UI layer in your project

Extend from GitHub repository

Configuration below extends from main branch of repository:

defineNuxtConfig({
  extends: ['github:cardan-a11y/cardan-ui'],
});