s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Actions and display

Popover

No summary has been written for Popover. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript 
import { Popover } from '@happyvertical/smrt-ui/ui';
Import path
@happyvertical/smrt-ui/ui
Props
9
Props described
9 of 9
Bindable state
0
Callback events
1
Verified release
0.44.0

Props

NameTypeRequiredDescription
labelstringYesAccessibility label and default trigger text for the popover.
triggerSnippetNoContent rendered inside the trigger button in place of the label text.
childrenSnippetNoThe popover content.
openbooleanNoWhether the popover is visible.
disabledbooleanNoBlocks opening the popover.
placement'bottom-start' | 'bottom-end' | 'top-start' | 'top-end'NoPosition of the popover relative to the trigger.
closeOnOutsideClickbooleanNoCloses the popover when clicking outside of it.
onopenchange(open: boolean) => voidNoFired when the open state changes.
classstringNoAdditional CSS class names.

Bindable state

This component has no bindable public state.

Callback events

  • onopenchange(open: boolean) => void

Examples and explanation

Feedback & Overlays Run the canonical package-owned example in the Playground. UI showcase Read the curated UI story for mechanism and usage guidance. smrt-ui package reference See package status, version, limitations, and all public subpaths.