@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