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
    • External Data Sources
    • Server Components
    • Data Migration
    • Custom Fields
    • Custom Interfaces
    • Theming
    • Plugins
    • Components
      • <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
      • componentList
      • fieldLabel
      • fieldTypes
      • fields
      • headerActions
      • header
      • outline
      • preview
      • puck
    • Actions
    • App State
    • Data
    • Plugin

On This Page

  • Props
  • children
Question? Give us feedback → (opens in a new tab)Edit this page
Docs
API Reference
Overrides
preview

preview

Override the drag-and-drop preview.

const overrides = {
  preview: ({ children }) => <div>{children}</div>,
};

Props

PropExampleType
children<div />ReactNode

children

The default node for the preview.

outlinepuck

MIT © 2024 Measured Corporation Ltd.