Installation

How to install Choice UI in your project.

Installation

Terminal

pnpm add @choice-ui/react

Import

Component.tsx

import { ChoiceUiProvider, Button } from "@choice-ui/react"

Tailwind CSS Setup

Choice UI is built on top of Tailwind CSS 4. Import styles in your main CSS file:

@import "tailwindcss";
@import "@choice-ui/react/tailwind.css";

Provider Setup

Add ChoiceUiProvider at the root of your application:

import { ChoiceUiProvider } from "@choice-ui/react"

function App() {
  return (
    <ChoiceUiProvider>
      <YourApp />
    </ChoiceUiProvider>
  )
}

Use Components

Now you can use Choice UI components in your application:

import { Button } from "@choice-ui/react"

function MyComponent() {
  return <Button>Click me</Button>
}