Back to Spacedrive

Core Component Primitives

.tasks/interface/UI-001-component-primitives.md

0.4.31.1 KB
Original Source

Description

Build a complete set of reusable UI primitives in @sd/ui that follow the V2 design system. These are platform-agnostic, accessible components used throughout the interface.

Components

Completed:

  • DropdownMenu (expanding, not overlay)
  • Button variants

In Progress:

  • Dialog/Modal
  • Tooltip
  • Input variants
  • Checkbox/Radio
  • Slider

Planned:

  • Tabs
  • Accordion
  • Select
  • Combobox
  • Progress
  • Badge
  • Avatar

Implementation Notes

  • Built on Radix UI for accessibility
  • Minimal styling in primitives (styled via className prop)
  • Semantic color system support
  • Framer Motion for animations
  • Platform-agnostic (works on all platforms)

Acceptance Criteria

  • DropdownMenu with expanding animation
  • Button with variants (primary, secondary, danger)
  • Dialog with backdrop blur
  • Tooltip with proper positioning
  • Input with validation states
  • Form components (checkbox, radio, slider)
  • All components keyboard accessible
  • All components follow V2 rounded style
  • Documented in Storybook or docs