cads-kit v1.2.4

📂 Structure

├── .gitignore
├── .prettierrc
├── CHANGELOG.md
├── tsconfig.json
├── LICENSE.md
├── package.json
├── README.md
├── .storybook
	├── main.js
	├── preview.js
└── src
	├── components
		├── button
			├── button.stories.tsx
			├── Button.tsx
			├── Button.d.ts
			├── index.scss
			├── index.ts
	├── hooks
	├── utils
	├── types
	├── config
	├── stories (default of storybook)
	├── index.ts

❗Requirement

cads-kit requires React 17.0.2 or later

• react: ^17.0.2 || ^18.0
• react-dom: ^17.0.2 || ^18.0

📦 Install

npm install cads-kit
# or
yarn add cads-kit

⚒️ Build storybook

yarn install
yarn storybook

Open your browser and visit: http://localhost:6006

🔨 Usage

import { Flex, Collapse } from 'cads-kit';
import 'cads-kit/dist/index.css'; // import style manually

const App = () => {
  return (
    <Collapse open={true}>
      <Flex spacing={1}>
        <div>Item 1</div>
        <div>Item 2</div>
        <div>Item 3</div>
      </Flex>
    </Collapse>
  );
};