sax-design-vue

Sax Design Vue — Vue 3 UI library

• Vue 3 Composition API
• Written in TypeScript
• Components aligned with Vuesax 3.x design language

Sax Admin

A Vue 3 admin dashboard template built with Sax Design Vue.

• Admin Dashboard Template
• GitHub repository

Getting started

Install Vue and sax-design-vue:

pnpm add vue sax-design-vue

Register globally in your app entry:

import { createApp } from 'vue'
import SaxDesignVue from 'sax-design-vue'
import 'sax-design-vue/theme-chalk/index.css'
import 'sax-design-vue/theme-chalk/dark/css-vars.css'

import App from './App.vue'

createApp(App).use(SaxDesignVue).mount('#app')

See the full guide on the documentation website.

Programmatic dialogs

import { SDialogBox } from 'sax-design-vue'

await SDialogBox.alert('Saved successfully')
try {
  await SDialogBox.confirm('Delete this item?')
} catch {
  // The user cancelled or closed the dialog
}

Development

pnpm install
pnpm dev          # full documentation site (also pnpm docs:dev)
pnpm dev --component textarea          # one component, both languages
pnpm dev --component textarea --locale zh # Chinese only
pnpm play:dev     # isolated component playground
pnpm build        # library build

Focused development includes the selected component's nested pages and referenced examples, with matching navigation and search. Restart with a different component to change the scope. Git timestamps are collected only for production builds. Generated icon, API type, syntax highlighting and Sass caches survive restarts; source edits invalidate the corresponding cached data. Sass changes still hot update.

License

MIT