react-component-tailwindcss

Welcome to react-component-tailwindcss. This library provides a collection of reusable and customizable React components designed to help you build applications faster and with greater consistency.

Features

• Reusable Components: Build your UI using components that can be easily reused across your application.
• Customizable: Each component comes with a set of props for customization.
• Tailwind CSS Support: Style components using Tailwind CSS for a modern and responsive design.
• Storybook Integration: Explore and test components in isolation with Storybook.
• Checkout Storybook to see all components

Installation

To install the library, you can use npm or yarn:

npm install react-component-tailwindcss

Usage

Here’s a quick example of how to use a component from the library:

/* In main css(scss) file */
@import "react-component-tailwindcss/dist/index.css";

// Inside your component.
import React from 'react';
import { Button } from 'react-component-tailwindcss';

const App = () => {
  return (
    <div>
      <Button>Click</Button>
    </div>
  );
};
export default App;

Documentation

For more detailed documentation on how to use each component, visit the Storybook where you can see live examples and customizable props.

License

This project is licensed under the MIT License

Author

Jehyun Jung
Github | Linkedin