Skip to Content
SmartUI

Popover

Small surface with extra detail or a short control.

Usage

import { Popover } from '@smartui/react';
import '@smartui/react/styles.css';

When to use

  • An explanation longer than one sentence.

When not to use

  • The name of a control. Use Tooltip.

Props

PropTypeDefaultDescription
triggerReactNoderequired
titlestring-
placementPlacement'bottom'

Accessibility

  • Opens on press, not on hover.

On this page