Popover
import { Popover } from '@enmovil/ui-design-system';
A button that opens a small popover with a title and placeholder content when it is hovered, focused or clicked (trigger). The popover content is fixed, so the component is mainly a demonstration.
Properties
| Property | Type | Required | Default | Allowed values | Description |
|---|---|---|---|---|---|
variant | string | No | 'default' | 'primary', 'default', 'secondary' | The variant for customizing the button styles. Can be 'default', 'primary', or 'secondary'. |
trigger | string | Yes | — | 'hover', 'click', 'focus' | Trigger type for the Popover. Can be 'hover', 'focus', or 'click'. |
Events
This component has no events.
Children
Popover does not accept children.
Variants
Loading examples…
Playground
Change the controls to see how the properties affect the component. Values the controls don't cover come from the Hover example.
Loading playground…
Storybook
Open Popover in Storybook to try every story with the full set of controls.