@marketgence/ui

Shared UI component library for all Marketgence apps.

Built on Radix UI primitives with Tailwind CSS styling.

Installation

npm install @marketgence/ui

Usage

import { Button, Card, Dialog } from '@marketgence/ui';
import { cn } from '@marketgence/ui';

function MyComponent() {
  return (
    <Card>
      <Button variant="primary">Click me</Button>
    </Card>
  );
}

Components (49)

• Accordion
• AlertDialog
• Alert
• AspectRatio
• Avatar
• Badge
• Breadcrumb
• Button
• Calendar
• Card
• Carousel
• Chart
• Checkbox
• Collapsible
• Command
• ContextMenu
• Dialog
• Drawer
• DropdownMenu
• Form
• HoverCard
• Input
• InputOTP
• Label
• Menubar
• NavigationMenu
• Pagination
• Popover
• Progress
• RadioGroup
• Resizable
• ScrollArea
• Select
• Separator
• Sheet
• Sidebar
• Skeleton
• Slider
• Sonner (toast)
• Switch
• Table
• Tabs
• Textarea
• Toast
• Toaster
• Toggle
• ToggleGroup
• Tooltip

Hooks

• useToast - Toast notifications
• useMobile - Mobile detection

Utilities

• cn() - Class name merger (clsx + tailwind-merge)

Development

# Install dependencies
npm install

# Build
npm run build

# Watch mode
npm run dev

Publishing

npm version patch  # or minor, major
npm publish

Updating Dependencies

This library uses Dependabot to automatically create PRs when Radix UI or other dependencies release updates.

License

MIT