#VPicker API

Applies specified color to the control’s background. Used on components that also support the color prop. - supports utility colors with or without bg- prefix (for example success, purple or bg-purple) or CSS color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page.

Applies utility border classes to the component. To use it, you need to omit the border- prefix, (for example use border-sm as border="sm"). Find a list of the built-in border classes on the borders page.

Applies specified color to the control - supports utility colors with or without text- prefix (for example success, purple or text-purple) or CSS color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page.

Adds a divider between the header and controls.

Designates an elevation applied to the component between 0 and 5. You can find more information on the elevation page.

Sets the height for the component.

Hide the picker header.

Hide the picker title.

Puts the picker into landscape mode.

Specifies the component’s location. Can combine by using a space separated string.

Sets the maximum height for the component.

Sets the maximum width for the component.

Sets the minimum height for the component.

Sets the minimum width for the component.

Sets the position for the component.

Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page.

Specify a custom tag used on the root element.

Specify a theme for this component and all of its children.

Removes any applied border-radius from the component.

Specify a title text for the component.

Sets the width for the component.

Slot for customizing the content in the actions area

The default Vue slot.

Slot for the component’s header content.

Slot for the component’s title content.