0.2.0-beta.79 • Published 11 months ago

vuesax-alpha v0.2.0-beta.79

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago
  • 💪 Vue 3 Composition API
  • 🔥 Written in TypeScript

English | 简体中文

Getting Started

Try with vuesax-next (vuesax v4)

About 90% of the api in this version works fine. This version references to Vuesax documentaion

You can try with tag old from npm

# Choose a package manager you like.

# NPM
$ npm install vuesax-alpha@old

# Yarn
$ yarn add vuesax-alpha@old

# pnpm
$ pnpm install vuesax-alpha@old

And import it to use

import { createApp } from 'vue'
import './style.css'
import vuesax from 'vuesax-alpha'
import 'vuesax-alpha/dist/vuesax.css'

import App from './App.vue'

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

Then, see the vuesax-next doucmentation to try it

New version - Vuesax-alpha

The documentation of this version is different from the above version, see the VuesaxAlpha doucmentation

# Choose a package manager you like.

# NPM
$ npm install vuesax-alpha

# Yarn
$ yarn add vuesax-alpha

# pnpm
$ pnpm install vuesax-alpha

Usage

Full import

// main.ts
import { createApp } from 'vue'
import Vuesax from 'vuesax-alpha'

// style
import 'vuesax-alpha/dist/index.css'
// vuesax darkmode
import 'vuesax-alpha/theme-chalk/dark/css-vars.css'

import App from './App.vue'

const app = createApp(App)

app.use(Vuesax)
app.mount('#app')

Dark theme

To enable it, you can create a switch to toggle dark class of html.

If you only need dark mode, just add dark class for html.

<html class="dark">
  <head></head>
  <body></body>
</html>

If you want to toggle it, i recommend useDark | VueUse.

Volar support

If you use volar, please add the global component type definition to compilerOptions.types in tsconfig.json.

// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": ["vuesax-alpha/global"]
  }
}

Components vuesax-next vs vuesax-alpha

  • Alert
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Card
  • Checkbox
  • Chip
  • Collapse
  • Date picker
  • Datetime picker
  • Dialogs
  • Divider
  • Dropdown
  • Images
  • Input
  • List
  • Loading
  • Navbar
  • Notification
  • Number Input
  • Pagination
  • Popup
  • Progress
  • Radio
  • Select
  • Sidebar
  • Slider
  • Steps
  • Switch
  • Table
  • Tabs
  • Textarea
  • Tooltip
  • Upload
  • Time picker
  • Time select

Breaking change list

Some APIs is not stable right now, and here's also a full list about how to get upgraded from Vuesax to Vuesax Alpha.

You can find the breaking change list here: Breaking Change List (Updating).


Vuesax Alpha is open source software licensed as MIT.


This project is built based on the Element Plus :heart: project template.

0.2.0-beta.77

1 year ago

0.2.0-beta.78

1 year ago

0.2.0-beta.79

11 months ago

0.2.0-beta.75

1 year ago

0.2.0-beta.74

1 year ago

0.2.0-beta.73

1 year ago

0.2.0-beta.66

1 year ago

0.2.0-beta.67

1 year ago

0.2.0-beta.69

1 year ago

0.2.0-beta.70

1 year ago

0.2.0-beta.71

1 year ago

0.2.0-beta.72

1 year ago

0.2.0-beta.65

1 year ago

0.2.0-beta.64

1 year ago

0.2.0-beta.63

1 year ago

0.2.0-beta.62

2 years ago

0.2.0-beta.40

2 years ago

0.2.0-beta.41

2 years ago

0.2.0-beta.42

2 years ago

0.2.0-beta.43

2 years ago

0.2.0-beta.44

2 years ago

0.2.0-beta.45

2 years ago

0.2.0-beta.46

2 years ago

0.2.0-beta.47

2 years ago

0.2.0-beta.48

2 years ago

0.2.0-beta.49

2 years ago

0.2.0-beta.30

2 years ago

0.2.0-beta.31

2 years ago

0.2.0-beta.32

2 years ago

0.2.0-beta.33

2 years ago

0.2.0-beta.34

2 years ago

0.2.0-beta.35

2 years ago

0.2.0-beta.36

2 years ago

0.2.0-beta.37

2 years ago

0.2.0-beta.38

2 years ago

0.2.0-beta.39

2 years ago

0.2.0-beta.60

2 years ago

0.2.0-beta.61

2 years ago

0.2.0-beta.50

2 years ago

0.2.0-beta.51

2 years ago

0.2.0-beta.52

2 years ago

0.2.0-beta.53

2 years ago

0.2.0-beta.54

2 years ago

0.2.0-beta.55

2 years ago

0.2.0-beta.56

2 years ago

0.2.0-beta.57

2 years ago

0.2.0-beta.58

2 years ago

0.2.0-beta.59

2 years ago

0.2.0-beta.20

2 years ago

0.2.0-beta.21

2 years ago

0.2.0-beta.22

2 years ago

0.2.0-beta.23

2 years ago

0.2.0-beta.24

2 years ago

0.2.0-beta.25

2 years ago

0.2.0-beta.26

2 years ago

0.2.0-beta.27

2 years ago

0.2.0-beta.28

2 years ago

0.2.0-beta.29

2 years ago

0.2.0-beta.12

2 years ago

0.2.0-beta.13

2 years ago

0.2.0-beta.14

2 years ago

0.2.0-beta.15

2 years ago

0.2.0-beta.16

2 years ago

0.2.0-beta.17

2 years ago

0.2.0-beta.18

2 years ago

0.2.0-beta.19

2 years ago

0.1.6-alpha-2

2 years ago

0.1.6-alpha-1

2 years ago

0.1.0

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.5

2 years ago

0.0.1-alpha.2

2 years ago

0.0.1-alpha.3

2 years ago

0.0.1-alpha.1

2 years ago

0.0.1-beta-2

2 years ago

0.0.1-beta-1

2 years ago

0.2.0-beta.1

2 years ago

0.2.0-beta.6

2 years ago

0.2.0-beta.5

2 years ago

0.2.0-beta.4

2 years ago

0.2.0-beta.3

2 years ago

0.2.0-beta.9

2 years ago

0.2.0-beta.8

2 years ago

0.2.0-beta.7

2 years ago

0.1.0-alpha.1

2 years ago

0.2.0-beta.10

2 years ago

0.2.0-beta.11

2 years ago

0.1.0-alpha.2

2 years ago

0.0.23

3 years ago

0.0.22

3 years ago

0.0.21

3 years ago

0.0.20

3 years ago

0.0.19

3 years ago

0.0.18

3 years ago

0.0.17

3 years ago

0.0.16

3 years ago

0.0.15

3 years ago

0.0.14

3 years ago

0.0.13

3 years ago

0.0.12

3 years ago

0.0.11

3 years ago

0.0.10

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago