1.3.1 β€’ Published 10 months ago

@sparrowend/ui v1.3.1

Weekly downloads
-
License
ISC
Repository
github
Last release
10 months ago

✨ 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

  • Modern browsers and Internet Explorer 11 (with polyfills)
  • Server-side Rendering
  • Electron
IE / EdgeFirefoxChromeSafariElectron
IE11, Edgelast 2 versionslast 2 versionslast 2 versionslast 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.

Open in Gitpod

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

πŸ™‡ Thanks!

1.3.1

10 months ago

1.3.0

10 months ago

1.2.0

1 year ago

1.1.5

1 year ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.1.4

1 year ago

1.1.3

2 years ago

1.0.4

2 years ago

1.1.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago