SelectField API

Learn about the SelectField component's props and CSS classes.

Import

import { SelectFieldProps } from "@prismane/core";

SelectField extends Field component's props.

Name	Type	Description	Default
`options`	`{ value: string; element: ReactNode }[]`	The options of the select field.	-
`item`	`(chosen: boolean, value: string, element: ReactNode, active: boolean) => ReactNode`	Function that transforms how each item is displayed in the menu of the select field.	-

SelectField extends Field component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneSelectField-root`	The container of the select field component.
`item`	`.PrismaneSelectField-item`	The container of the select field item component.
`label`	`.PrismaneSelectField-label`	The container of the field label component.
`error`	`.PrismaneSelectField-error`	The container of the field error component.