nano-belle v0.0.17

Nano Belle

Component library used in all React application of NanoAPI

Storybook

https://nano-belle.nanoapi.io

Installation

yarn add nano-belle

Setup

1. copy the following content

// postcss.config.js
module.exports = {
  plugins: {
    tailwindcss: {
      config: "node_modules/nano-belle/dist/tailwind.config.js",
    },
    autoprefixer: {},
  },
};

2. Import the following css files into your root component

// App.tsx or equivalent
import "nano-belle/styles.css";
import "nano-belle/tailwind.css";

Import components

// Components.tsx
import { Button } from "nano-belle";

export default function Component() {
  return <Button>Open the app</Button>;
}