Astel

A Sleek & Minimal UI component library for Vue 3

Astel is a set of accessible and composable Vue 3 components for building modern websites and applications.

Table of Contents

• Installation
• Usage
  • All components
  • Individual Components
• LICENSE

Installation

yarn add @astel/ui

or

npm install @astel/ui

Usage

All components

1. Import Astel in your main.js / main.ts file.

import { createApp } from 'vue'
import Astel from '@astel/ui'
import App from './App.vue'

createApp.use(Astel)

Individual Components

import { createApp } from 'vue'
import { Button, ThemeProvider } from '@astel/ui'
import App from './App.vue'

createApp.use(ThemeProvider).use(Button)

2. Wrap your application inside the Astel ThemeProvider.

In your App.vue or the root .vue file.

<template>
  <as-theme-provider>
    <!--
      Your application code goes here! 😁
    -->
  </as-theme-provider>
</template>

LICENSE

MIT