@manhphi1309/components

The unified, complete React UI library. This master-package aggregates all individual components and utilities into a single, easy-to-install dependency.

Installation

npm install @manhphi1309/components

Usage

Instead of installing individual packages, you can import everything directly from this meta-package:

import {
  Button,
  Card,
  DatePicker,
  Input,
  Tooltip,
} from "@manhphi1309/components"

Included Components & Subcomponents

This master-package bundles the following components and utilities:

• Accordion: Accordion, AccordionItem, AccordionTrigger, AccordionContent
• Avatar: Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount
• Badge: Badge, badgeVariants
• Button: Button, buttonVariants
• ButtonGroup: ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants
• Calendar: Calendar, CalendarDayButton
• Card: Card, CardHeader, CardFooter, CardTitle, CardDescription, CardAction, CardContent
• Checkbox: Checkbox
• DatePicker: DatePicker, DateRange
• Dialog: Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, ResponsiveDialog, ResponsiveDialogTrigger, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogHeader, ResponsiveDialogFooter, ResponsiveDialogTitle, ResponsiveDialogDescription
• Drawer: Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription
• DropdownMenu: DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent
• Field: Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle
• Form: FormWrapper
• Hooks: useIsMobile
• Input: Input
• InputGroup: InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea
• Label: Label
• ListCard: ListCard, ListCardGroup, ListCardItem, useListCardContext
• MoneyField: MoneyField, formatAmount, getCurrencySymbol
• Popover: Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger
• ScrollArea: ScrollArea, ScrollBar
• Select: Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue
• Separator: Separator
• Sheet: Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription
• Sidebar: Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar
• Skeleton: Skeleton
• Switch: Switch
• Table: Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, DataTable, DataTableHeader, DataTableBody, DataTableFooter, useDataTable
• Tabs: Tabs, TabsContent, TabsList, TabsTrigger
• Textarea: Textarea
• Tooltip: Tooltip, TooltipContent, TooltipProvider, TooltipTrigger
• Utils: cn