Skip to main content

Props Documentation

Comprehensive prop definitions for all components in the design system. All components extend their native HTML element props for maximum flexibility.

General Principles

  • Native HTML Props: All components extend their native HTML element props
  • Type Safety: Full TypeScript support with autocomplete and type checking
  • RTL-Aware: Direction-sensitive props automatically adjust for RTL layouts
  • Accessibility: ARIA attributes and roles are built-in where applicable

Button Props

Button component with variant and size customization:

PropTypeDefaultDescription
variantstring'default'Visual style variant
sizestring'default'Button size
asChildbooleanfalseRender as child element

Card Props

Card components for grouping content:

Input Props

Input component extending native input element:

Finding More Props

Each component page includes detailed props documentation. Visit individual component pages for complete prop definitions:

Browse Components

Explore all components with their complete prop definitions and examples