rolec-ui v0.0.14

Rolec-UI

Rolec-UI is a UI component library designed to help you build modern and responsive web applications with ease.

Development

To work on the UI, clone the repository.

Adding a New Component

To add a new component, create a folder in the /lib directory following the principles of atomic design.

Each component folder should include the following files:

• ComponentName.tsx - The component itself.
• ComponentName.test.tsx - Component testing.
• ComponentName.stories.tsx - The Storybook story.

Example structure:

/lib
  /atoms
    /ComponentName
      - ComponentName.tsx
      - ComponentName.test.tsx
      - ComponentName.stories.tsx

Usage

You can use rolec-ui via npm:

npm install rolec-ui

To add the styles provided by rolec-ui, add the following import to your main CSS file:

@import "rolec-ui/dist/style.css";