tecopos-react-components

A collection of reusable React components built with Radix UI and Tailwind CSS.

Installation

npm install tecopos-react-components
# or
yarn add tecopos-react-components
# or
pnpm add tecopos-react-components

Usage

import { Button, Card, Input } from 'tecopos-react-components';
import 'tecopos-react-components/style.css';

function App() {
  return (
    <Card>
      <Input placeholder="Enter your name" />
      <Button>Submit</Button>
    </Card>
  );
}

Components

This library includes the following components:

• Accordion
• Alert
• Avatar
• Badge
• Breadcrumb
• Button
• Calendar
• Card
• Carousel
• Checkbox
• Collapsible
• Combobox
• Command
• DatePicker
• Dialog
• Drawer
• HoverCard
• Input
• InputOTP
• Label
• Pagination
• Popover
• Progress
• RadioGroup
• Select
• Separator
• Skeleton
• Slider
• Switch
• Table
• Tabs
• Textarea
• Toaster
• Toggle
• Tooltip

Development

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build the library
pnpm build

# Format code
pnpm format

# Lint code
pnpm lint

License

MIT

TODO:

• [ ] set ci/cd with semantic versioning
• [ ] set "repository" and "publishConfig" in the package.json for automatic versioning
• [ ] install tailwindcss eslint plugin (eslint@legacy is not compatible)