@reket/ui

REKET UI Library Based on React and Tailwind CSS

📦 Install

// with npm
npm install @reket/ui

// with yarn
yarn add @reket/ui

✔️ How to use

import { Button } from '@reket/ui';

const YourComponent = () => {
  return <Button text="Button Text" color="purple" size="xl" option="filled" />;
};

📒 Storybook

Link

REKET UI Storybook Page

Code Snippets

To create a Storybook file quickly, you can use this snippet:

1. Make a new file called ComponentName.stories.tsx.
2. In that file, write "storybook".
3. Then, the code below will be added to the file automatically:

import type { Meta, StoryObj } from '@storybook/react';

import { ComponentName } from './ComponentName';
import { generateDocsIntro } from '../../../utils/storybook/docsHelper';
// Update the import path based on this component's location

const meta: Meta<typeof ComponentName> = {
  component: ComponentName,
  title: 'Component/ComponentName',
  parameters: {
    docs: {
      description: {
        component: generateDocsIntro('ComponentName'),
      },
    },
  },
  argTypes: {},
};
export default meta;

type Story = StoryObj<typeof ComponentName>;

export const Default: Story = {
  args: {},
};