Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block2 dependencies

Field Basic Inputs 5 - Horizontal layout input

field-field-basic-inputs-5

Field with orientation horizontal so label and Input sit on one row.

@shadcnblocksRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

5 variants

Variants of this

Other takes on Field Basic Inputs 5 - Horizontal layout input from @shadcnblocks — the same idea in another design, language or styling.

FieldGroup wrapping several labeled Input fields in one stack.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Chart Tooltip Indicator None - Tooltip - No Indicator
chart-chart-tooltip-indicator-none
Block
Card Standard 3 - Meeting Notes Card
card-card-standard-3
Block
Bento Tile Bento41 Tile 4 - Developer productivity bento with sidebar CTA tile 4
bento-tile-bento41-tile4
Block
Bento Tile Bento3 Tile 1 - Four-tile value proposition bento tile 1
bento-tile-bento3-tile1
Block
Field Selects 4 - Multiple selects
field-field-selects-4
Block
Autocomplete Default Value - Autocomplete with default value
autocomplete-autocomplete-default-value
Block
Collapsible Standard 5 - Controlled Collapsible
collapsible-collapsible-standard-5
Block
Alert Error 5 - Error with Everything
alert-alert-error-5
Block