santd

san UI design

Usage no npm install needed!

<script type="module">
  import santd from 'https://cdn.skypack.dev/santd';
</script>

README

Ant Design for San

San UI Toolkit for Ant Design

License: MIT

English | 简体中文

✨ Features

  • An enterprise-class UI design system for desktop applications.
  • A set of high-quality San components out of the box.
  • Shared Ant Design of React design resources.

🖥 Environment Support

  • Modern browsers and Internet Explorer 9+ (with polyfills)
  • Server-side Rendering
IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
IE9, IE10, IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

📦 Install

We recommend using npm to install,it not only makes development easier,but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

$ npm install santd --save

If you are in a bad network environment,you can try other registries and tools like cnpm.

🔨 Usage

import san from 'san';
import {DatePicker} from "santd";

const App = san.defineComponent({
    components: {
        's-datepicker': DatePicker
    },
    template: `<div><s-datepicker /></div>`
});

const myApp = new App();
myApp.attach(document.body);

And import style manually:

import "santd/dist/santd.css"; // or 'santd/dist/santd.less'

Or import components on demand.

🌍 Internationalization

See i18n.

🔗 Links

⌨️ Development

Use Gitpod, a free online dev environment for GitHub.

Open in Gitpod

Or clone locally:

$ git clone git@github.com:ecomfe/santd.git
$ cd santd
$ npm install
$ npm start button

Open your browser and visit http://127.0.0.1:8822

🤝 Contributing PRs Welcome

We welcome all contributions. You can submit any ideas as pull requests or as GitHub issues.

If you're new to posting issues, we ask that you read How To Ask Questions The Smart Way, How to Ask a Question in Open Source Community and How to Report Bugs Effectively prior to posting. Well written bug reports help us help you!

☀️ License

MIT