1.3.1 β’ Published 10 months ago
@sparrowend/ui v1.3.1
β¨ Features
- π Enterprise-class UI designed for web applications.
- π¦ High quality microlibraries out of the box.
- π‘ Written in TypeScript with predictable static types.
- βοΈ Whole package of design resources and development tools.
- π Don't stick to any framework
- π Support for Progressive Web Apps(PWA).
π₯ Environment Support
IE / Edge | Firefox | Chrome | Safari | Electron |
---|---|---|---|---|
IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
π¦ Install
npm i @sparrowend/ui
yarn add @sparrowend/ui
pnpm add @sparrowend/ui
π¨ Usage
jsx
import { Button } from '@sparrowend/ui'; const App = () => ( <> <Button type="primary">PRESS ME</Button> </> );
And import style manually:
import '@sparrowend/ui/dist/spui.css'; // or // import '@sparrowend/ui/es/button/style';
html
<html> <link href='dist/spui.css'></link> <script src="dist/spui.js"></script> or <script type="module"> import { Message } from 'dist/spui-es.js'; Message.error('the end'); </script> <sp-button>click me</sp-button> </html>
- import map
<html> <link href='dist/spui.css'></link> <script type="importmap"> { "imports": { "sparrow-ui": "dist/spui-es.js" } } </script> <script type="module"> import { Message } from 'sparrow-ui'; Message.error('sucessful'); </script> </html>
node(compile ---> any)
art-template
<!--layout.art--> <!doctype html> <html> <head> <meta charset="utf-8"> <title>{{block 'title'}}My Site{{/block}}</title> <link href='dist/spui.css'></link> <script src="dist/spui.js"></script> {{block 'head'}} <link rel="stylesheet" href="main.css"> {{/block}} </head> <body> {{block 'content'}}{{/block}} </body> </html>
{{if user}} <h2>{{user.name}}</h2> <sp-button>Thanks!</sp-button> {{/if}}
- ejs ηε
β¨οΈ Development
Use Gitpod, a free online dev environment for GitHub.
Or clone locally:
$ git clone git@github.com:lianglei-git/sparrow-ui.git
$ cd sparrow-ui
$ npm install
$ npm run start
π€ Contributing
My welcome all contributions. Please contact me at lianglei_cool@163.com