@winner-fed/win-ui

Financial Mobile UI Components built on Vue

Usage no npm install needed!

<script type="module">
  import winnerFedWinUi from 'https://cdn.skypack.dev/@winner-fed/win-ui';
</script>

README

logo

WinUI 2 (for Vue3)

Financial Mobile UI Components built on Vue

πŸ”₯ 文摣网站     πŸ‡¨πŸ‡³ δΈ­ζ–‡η‰ˆδ»‹η»


Features

  • πŸš€ 1KB Component average size (min+gzip)
  • πŸš€ 65+ High quality components
  • πŸ’ͺ 90%+ Unit test coverage
  • πŸ’ͺ Written in TypeScript
  • πŸ“– Extensive documentation and demos
  • 🍭 Support Vue 2 & Vue 3
  • 🍭 Support Tree Shaking
  • 🍭 Support Custom Theme
  • 🍭 Support Accessibility (still improving)
  • 🍭 Support i18n
  • 🌍 Support SSR

Install

Using npm to install:

# install WinUI 1 for Vue 2 project
npm i @winner-fed/win-ui@1

# install WinUI 3 for Vue 3 project
npm i @winner-fed/win-ui

Using yarn or pnpm:

# with yarn
yarn add @winner-fed/win-ui@3

# with pnpm
pnpm add @winner-fed/win-ui@3

Quickstart

import { createApp } from 'vue';
import { Button } from '@winner-fed/win-ui';
import '@winner-fed/win-ui/lib/index.css';

const app = createApp();
app.use(Button);

See more in Quickstart.

Browser Support

WinUI 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.

WinUI 3 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).

Links