Popover
Display additional content in a floating panel triggered by user interaction with configurable sizes, variants, placements, radius, and states.
Import
import { Popover } from "@shivms/ui";Explore popover sizes, variants, placement options, border radius, and component states using the examples below.
Basic
Default
Popover Header
This is an example popover.
Sizes
Extra Small
Popover Header
This is an example popover.
Small
Popover Header
This is an example popover.
Medium
Popover Header
This is an example popover.
Large
Popover Header
This is an example popover.
Extra Large
Popover Header
This is an example popover.
Variants
Default
Popover Header
This is an example popover.
Bordered
Popover Header
This is an example popover.
Filled
Popover Header
This is an example popover.
Ghost
Popover Header
This is an example popover.
Placements
Top
Popover Header
This is an example popover.
Right
Popover Header
This is an example popover.
Bottom
Popover Header
This is an example popover.
Left
Popover Header
This is an example popover.
Radius
None
Popover Header
This is an example popover.
Small
Popover Header
This is an example popover.
Medium
Popover Header
This is an example popover.
Large
Popover Header
This is an example popover.
Full
Popover Header
This is an example popover.
States
Default
Popover Header
This is an example popover.
Loading
Popover Header
This is an example popover.
Disabled
Popover Header
This is an example popover.