Components/Data Display & Layout

Card

@base-ui/react/use-render
npx shadcn@latest add @karan-ui/card
@base-ui/react/use-render•Data Display & Layout

Card Interactive Canvas

Displays a versatile surface card supporting default (tint), outline, and ghost variants, 6 semantic OKLCH intents, proportional sm/default/lg geometry (P = R + 2px), and polymorphic interactive states.

Canvas
Project Overview
Telemetry & metrics for Karan UI registry
v0.1

Release Notifications

Receive webhook alerts on registry updates

Props Controls

6 props
'default' | 'tint' | 'outline' | 'ghost'
'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger'
'sm' | 'default' | 'lg'
boolean
Disabled
string
string