@adenovo/aifian_babu_library v2.2.0
@adenovo/aifian_babu_library@2.0.0
A library supplies babu styled components and also a plugin that provides the preset, plugins and content of tailwind config for styling babu style.
Getting Started
Install library from npm:
yarn add @adenovo/aifian_babu_library
Then add the babu tailwind config to your tailwind.config.js
file. For example:
const config = require('@adenovo/aifian_babu_library/babuTailwindConfig')
module.exports = {
presets: [config.preset],
plugins: [config.plugin],
content: [config.content, './src/**/*.{js,jsx,ts,tsx}'],
}
To use Icons, import fontello.css
in your index.css
.
@import '~@adenovo/aifian_babu_library/build/fontello/css/fontello.css';
Basic Usage
For example, you can style or override <BulletButton>
original style by add classnames to it.
Visit Storybook to check more usage babu components.
import { BulletButton } from '@adenovo/aifian_babu_library'
<BulletButton
variant="solid"
icon={{ name: "jaja" }}
textVariant="subtitle"
className="my-xl w-[240px] bg-primary900 border-slash"
>
Hello, world!
</BulletButton>
Development and Release
After adding the changes (git add
), please run yarn run commit
to commit your code and correctly choose the type
corresponded with the changes.
The custom release rules are below:
"releaseRules": [
{"type": "feat", "release": "minor"},
{"type": "fix", "release": "patch"},
{"type": "docs", "scope":"README", "release": "patch"},
{"type": "style", "release": "patch"},
{"type": "refactor", "release": "patch"},
{"type": "perf", "release": "patch"},
{"type": "test", "release": false},
{"type": "chore", "release": false}
],
TODO
- Optimize the way to import
fontell.css
. - Avoid putting rollup built files under
build
folder. Snackbar
animation
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago