Docs
Inline Edit Component
A component for inline text editing with hierarchical variants and save functionality.
Heading Variant
Large, bold text for main headings (text-2xl font-bold)
Subheading Variant
Medium, semibold text for subheadings (text-lg font-semibold)
Text Variant
Regular text for content and labels (text-sm)
Label:
Name:
Textarea Variant
Multiline text editing with Ctrl+Enter to save
Empty State
Shows placeholder when value is empty
Disabled State
Non-editable text with disabled styling
Generic Variant Usage
Using the base InlineEdit component with variant prop