ready to go beamwind fusing a semantic design system
npm install @beamwind/system> ready to go beamwind for using @beamwind/preset-system
> Read the docs |
> API |
> Change Log > ⚡️ Demo
---
@beamwind/system tries to follow a semantic naming approach by using a common _language_ to reduce the guess work. A small set of well known design tokens hopefully prevents magic values or ambiguous names. This creates a taxonomy of tokenized variables used by system adopters and library’s components. The more predictably the model is catalogued, the easier it is to apply, maintain, and endure.
> Please see @beamwind/preset-system for further information.
- Installation
- Usage
- Contribute
- License
``sh`
npm install @beamwind/system
> Please refer to the main documentation and @beamwind/preset-system for further information.
`js
import { bw } from '@beamwind/system'
bwtext-critical
For further customization setup is exported:
`js
import { bw, setup } from '@beamwind/system'
setup({
colors: {
important: '#DC2626',
},
})
bwtext-important // will result in a #DC2626 as text color``
Thanks for being willing to contribute!
> This project is free and open-source, so if you think this project can help you or anyone else, you may star it on GitHub. Feel free to open an issue if you have any idea, question, or you've found a bug.
Working on your first Pull Request? You can learn how from this _free_ series How to Contribute to an Open Source Project on GitHub
We are following the Conventional Commits convention.
 Kenoxa GmbH