UI SDK

@downcity/ui is the shared React + Tailwind primitive package used across Downcity surfaces such as Console UI and other host applications.

If you want one page per component, continue with Components.

If you want setup guidance before using the components, continue with Installation.

What It Includes

• Console-style primitives such as Button, Badge, Card, Checkbox, Input, Label, Textarea, Separator, Dialog, Sheet, DropdownMenu, Popover, Tabs, Toggle, ToggleGroup, Tooltip, Skeleton, and Toaster
• The shared cn utility for Tailwind class composition
• Two style entrypoints: source.css and styles.css
• Public types: DowncityButtonVariant, DowncityButtonSize, DowncityCardSize, DowncityDropdownMenuItemVariant, and DowncityToasterTheme

Reading Paths

• Installation
• Components
• Modules
• Host Integration
• Development

Public Export Structure

Utilities and Types

• cn
• DowncityButtonVariant
• DowncityButtonSize
• DowncityCardSize
• DowncityDropdownMenuItemVariant
• DowncityToasterTheme

Form Primitives

• Input
• Textarea
• Checkbox
• Label

Containers and Display

• Card
• CardHeader
• CardTitle
• CardDescription
• CardAction
• CardContent
• CardFooter
• Badge
• Separator
• Skeleton
• Tabs

Actions and State Switching

• Button
• Toggle
• ToggleGroup

Overlays and Feedback

• Dialog
• Sheet
• DropdownMenu
• Popover
• Tooltip
• Toaster

Component Coverage

• Actions: Button, Badge, Toggle, ToggleGroup
• Forms: Input, Textarea, Checkbox, Label
• Containers: Card, Separator, Skeleton, Tabs
• Overlays: Dialog, DropdownMenu, Popover, Sheet, Tooltip, Toaster

Next Reading

• Installation
• Components
• Host Integration