Demos
For examples and details on the usage of this component, visit the component demo page:
Popover
Properties
| Parameter | Type | Description | Default |
|---|---|---|---|
| ChildContent | RenderFragment |
Gets or sets content to be rendered inside the popover. | - |
| Id | string |
Gets or sets the unique identifier for the popover. | - |
| Color | ThemeColor |
Gets or sets a color of the popover. | Default |
| Size | Size |
Gets or sets a size of the popover content text. | Medium |
| Radius | Radius |
Gets or sets a border radius of the popover. | Medium |
| Shadow | Shadow |
Gets or sets a shadow of the popover. | Medium |
| Placement | PopoverPlacement |
Gets or sets a placement of the popover relative to a reference. | Top |
| Offset | int |
Gets or sets the offset distance between the popover and the reference, in pixels. | 8 |
| ShowArrow | bool |
Gets or sets a value indicating whether the popover should display an arrow pointing to the reference. | false |
| MatchRefWidth | bool |
Gets or sets a value indicating whether the popover should match the width of the reference element. | false |
| Open | bool |
Gets or sets a value indicating whether the popover is currently open. | false |
| OpenChanged | EventCallback<bool> |
Gets or sets a callback that is invoked when the open state of the popover changes. | - |
| Classes | PopoverSlots |
Gets or sets the CSS class names for the popover slots. | - |
| As | string |
Gets or sets an HTML tag of the component. | - |
| Class | string |
Gets or sets CSS class names that will be applied to the component. | - |
| Style | string |
Gets or sets styles that will be applied to the component. | - |
| AdditionalAttributes | IReadOnlyDictionary<string, object> |
Gets or sets a collection of additional attributes that will be applied to the component. | - |
| ElementReference | ElementReference? |
Gets or sets the associated . May be if accessed before the component is rendered. | - |