Join our Discord Community
shadcn.io
AIBackgroundBlocksButtonsChartsComponentsHooksMCPPatternsPromptsShadcn UIShadersTextTheme
Field/Layouts
Previous: React Nested FieldsNext: React Field - Simple Select

React Field - Mixed Orientations

Field - Layouts pattern component

Looking to implement shadcn/ui patterns?

Join our Discord community for help from other developers.


Loading preview...

Pattern created by @haydenbleasel

Installation

npx shadcn@latest add https://www.shadcn.io/registry/field-layouts-6.json
npx shadcn@latest add https://www.shadcn.io/registry/field-layouts-6.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/field-layouts-6.json
bunx shadcn@latest add https://www.shadcn.io/registry/field-layouts-6.json

React Nested Fields

Field - Layouts pattern component

React Field - Simple Select

Field - Selects pattern component

On this page

Installation