React-component-tailwindcss NPM

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;