Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
config
demo chore: 移除demo里无用的变量 Nov 7, 2018
src Merge pull request #724 from alibaba/fix-atag Nov 13, 2018
tests fix: input & switch bug Sep 10, 2018
vendors
.babelrc.js
README.md chore: 重新梳理 css 变量 Nov 7, 2018
karma.conf.js feat: initial commit with atag Sep 10, 2018
package.json chore: publish versions Nov 8, 2018

README.md

atag

A UI Web Components Library

run dev

npm i
npm start # served at localhost:9001/atag.js

run build

npm run build # build to dist/atag.js

run test

npm test

主题方案

atag 组件通过 css 变量方式支持主题切换,目前可用的变量:

  • --color-primary,默认 #ff5500
  • --color-warn,默认 #fb9025
  • --button-primary-background-color-from,默认 #ff8800
  • --button-primary-background-color-to,默认 #ff5500
  • --button-primary-text-color,默认 #ffffff
  • --button-warn-background-color-from,默认 #fbca2f
  • --button-warn-background-color-to,默认 #fb9025
  • --button-warn-text-color,默认 #ffffff
  • --button-default-background-color-from,默认 #ffffff
  • --button-default-background-color-to,默认 #ffffff
  • --button-default-text-color,默认 #ff5500
  • --button-border-radius,默认 40px

使用:

:host {
  color: var(--color-primary-2);
}