Skip to main content

UI Components

This project uses a collection of pre-built UI components from the shadcn/ui library. These components are located in the components/ui folder and provide a consistent and customizable set of interface elements.

Available Components​

The following UI components are available:

  • Accordion
  • Alert Dialog
  • Alert
  • Aspect Ratio
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Calendar
  • Card
  • Carousel
  • Checkbox
  • Collapsible
  • Command
  • Context Menu
  • Dialog
  • Drawer
  • Dropdown Menu
  • Form
  • Hover Card
  • Input
  • Label
  • Menubar
  • Navigation Menu
  • Popover
  • Progress
  • Radio Group
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Skeleton
  • Slider
  • Switch
  • Table
  • Tabs
  • Textarea
  • Toast
  • Toggle
  • Tooltip

Usage​

To use these components in your project, import them from the @/components/ui path. For example:

import { Button } from "@/components/ui/button";

Customization​

Each component can be customized using Tailwind CSS classes. You can also modify the default styles by updating the component's internal CSS classes.