DocsDocsHire usHire us (opens in a new tab)
GitHubGitHub (opens in a new tab) (opens in a new tab)
  • Introduction
  • Getting Started
    • Component Configuration
    • Root Configuration
    • Multi-column Layouts
    • Categories
    • Dynamic Props
    • Dynamic Fields
    • External Data Sources
    • Server Components
    • Data Migration
    • Viewports
    • Custom Fields
    • Custom Interfaces
    • Theming
    • Plugins
    • Components
      • <AutoField>
      • <Drawer>
      • <Drawer.Item>
      • <DropZone>
      • <FieldLabel>
      • <Puck>
      • <Puck.Components>
      • <Puck.Fields>
      • <Puck.Outline>
      • <Puck.Preview>
      • <Render>
    • Configuration
      • Config
      • ComponentConfig
    • Fields
      • Base
      • Array
      • Custom
      • External
      • Number
      • Object
      • Radio
      • Select
      • Text
      • Textarea
    • Functions
      • migrate
      • resolveAllData
      • transformProps
      • usePuck
    • Overrides
      • componentItem
      • components
      • fieldLabel
      • fieldTypes
      • fields
      • headerActions
      • header
      • outline
      • preview
      • puck
    • Actions
    • App State
    • Data
    • Plugin

On This Page

  • Props
Question? Give us feedback → (opens in a new tab)Edit this page
Docs
API Reference
Components
<Puck.Fields>

<Puck.Fields>

Render the fields for the currently selected item in <Puck.Preview> when composing a custom Puck UI.

Interactive Demo
import { Puck } from "@measured/puck";
 
export function Editor() {
  return (
    <Puck>
      <Puck.Fields />
    </Puck>
  );
}

Props

This component doesn't accept any props.

<Puck.Components><Puck.Outline>

MIT © 2025 Measured Corporation Ltd.