Components

Puck provides several components to support different integration approaches.

Core

• <DropZone> - Place droppable regions (zones) inside other components to enable nested components.
• <Puck> - Render the Puck editor.
• <Render> - Render a Data object for a given Config.

Compositional

• <Puck.Components> - A draggable list of components when composing a custom Puck UI.
• <Puck.Fields> - The fields for the currently selected item when composing a custom Puck UI.
• <Puck.Outline> - An interactive outline when composing a custom Puck UI.
• <Puck.Preview> - A drag-and-drop preview when composing a custom Puck UI.

Helper

• <ActionBar> - An action bar containing a series of actions, normally used with the actionBar override.
• <ActionBar.Action> - An action for use within the ActionBar component.
• <ActionBar.Group> - A group of actions for use within the ActionBar component.
• <ActionBar.Label> - A label for use within the ActionBar component.
• <Drawer> - A reference list of items that can be dragged into a droppable area, normally <Puck.Preview>.
• <Drawer.Item> - An item that can be dragged from a <Drawer>.
• <FieldLabel> - Render a styled label when creating custom fields.