A dropdown menu for selecting a single option from a predefined list.
The Select field displays a dropdown menu with options you define in the Attributes Manager. Users can click to open the dropdown and select one option from the list. This is perfect for cases where you have multiple choices but want a compact interface. The field stores a single value as a string, making it easy to use in conditional logic or class names in your PHP code.
Preview in Attributes Manager
Select field. Preview in Gutenberg Editor
Technical Information:
| Property | Value |
|---|---|
| Gutenberg UI | Dropdown menu |
| Data Type | `string` (selected value) |
| Selection | **Single selection only** (returns one value) |
| Returns | Array with one selected value |
| Default Value | First option value or `""` |
| Requires | Options list (label + value pairs) |
| Best For | Single choice from multiple options |
| Common Uses | Size selection, alignment, layout style, theme |