Popover

Playground

Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.

Popover

arrow

size

Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).

Size	Popover
sm	Revelar telefone Diga por que precisa ver o número completo. Fica na auditoria.
md	Revelar telefone Diga por que precisa ver o número completo. Fica na auditoria.
lg	Revelar telefone Diga por que precisa ver o número completo. Fica na auditoria.

Size	Popover
sm	Revelar telefone Diga por que precisa ver o número completo. Fica na auditoria.
md	Revelar telefone Diga por que precisa ver o número completo. Fica na auditoria.
lg	Revelar telefone Diga por que precisa ver o número completo. Fica na auditoria.

Size	Popover
sm	Revelar telefone Diga por que precisa ver o número completo. Fica na auditoria.
md	Revelar telefone Diga por que precisa ver o número completo. Fica na auditoria.
lg	Revelar telefone Diga por que precisa ver o número completo. Fica na auditoria.

As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.

PopoverContentProps

Prop	Tipo	Padrão	Descrição
size?	"lg" \| "md" \| "sm" \| null	"md"
arrow?	PopoverArrowSide	"top"	Figma "Arrow": Top draws the arrow on the top edge (the popover sits below its trigger), Bottom on the bottom edge (it sits above), None hides it (below the trigger).
align?	"center" \| "end" \| "start"	"start"	Alignment along the trigger; the Figma arrow sits 16 px from the start.
className?	string	—
children?	React.ReactNode	—

PopoverPreviewProps

Prop	Tipo	Padrão
size?	"lg" \| "md" \| "sm" \| null	"md"
arrow?	PopoverArrowSide	"top"
className?	string	—
children?	React.ReactNode	—