Registry Index

Search the catalog

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

BlockReactregistry:block3 dependencies

Field Advanced 7 - Mixed field types with separators

field-field-advanced-7

Multi-section form with separators between mixed control types.

@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.

7 variants

Variants of this

Other takes on Field Advanced 7 - Mixed field types with separators from @shadcnblocks — the same idea in another design, language or styling.

FieldGroup combining inputs, selects, toggles, and textareas together.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Bento Tile Bento4 Tile 1 - Intelligent data analysis
bento-tile-bento4-tile1
Block
Aspect Ratio Standard 3 - 1:1 Aspect Ratio (Square)
aspect-ratio-aspect-ratio-standard-3
Block
Accordion Subtitle 3 - Subtitle with Plus Trigger
accordion-accordion-subtitle-3
Block
Chart Line Dots Colors - A line chart with dots and colors
chart-chart-line-dots-colors
Block
Emoji Picker With Display - Emoji picker with display
emoji-picker-emoji-picker-with-display
Block
Chart Radial Simple - A radial chart
chart-chart-radial-simple
Block
Bento Tile Countup 1 - Count-up gauge tile
bento-tile-bento-tile-countup-1
Block
Collapsible Sidebar 1 - Nested Sidebar Items
collapsible-collapsible-sidebar-1
Block