nsc-component-library v2.0.0

NSC Component Library

A customizable React component library built with TypeScript, Rollup, and Storybook.

Installation

To install the NSC Component Library, run the following command in your project directory:

npm install nsc-component-library

Usage

After installation, you can import and use the components in your React application:

import React from 'react';
import { Button, Input } from 'nsc-component-library';

const MyComponent = () => (
  <div>
    <Button variant="primary" size="medium">
      Click me
    </Button>
    <Input type="text" placeholder="Enter text" />
  </div>
);

export default MyComponent;

Make sure to import the component library's CSS in your project:

import 'nsc-component-library/dist/index.css';

Available Components

The library includes the following components:

• Accordion
• Alert
• Badge
• Breadcrumbs
• Button
• Card
• Checkbox
• Dropdown
• Input
• Modal
• Pagination
• Radio
• Select
• Tabs
• TextArea
• Toggle
• ToolTip

Each component comes with various props for customization. Refer to the component's documentation or TypeScript definitions for detailed usage instructions.

Theming

The library supports theming. You can switch between themes by applying the appropriate CSS class to a parent element.

Development

To run the Storybook development environment:

npm run storybook

To build the library:

npm run build

Contributing

Contributions are welcome! Please read our contributing guidelines for details on our code of conduct and the process for submitting pull requests.

License

This project is licensed under the ISC License.