Components

Popover

A non-modal floating panel anchored to a trigger.

Usage

import { Popover, Button } from '@onersoft/design-system'

<Popover.Root>
  <Popover.Trigger asChild>
    <Button variant="secondary">Open</Button>
  </Popover.Trigger>
  <Popover.Portal>
    <Popover.Content>
      Body
      <Popover.Arrow />
    </Popover.Content>
  </Popover.Portal>
</Popover.Root>

Parts

Root, Trigger, Anchor, Portal, Content, Arrow, Close. Mirrors Radix Popover. Content accepts side, align, sideOffset for positioning.

NavigationMenu

A primary site navigation with optional rich submenus.

Progress

A determinate or indeterminate progress indicator.

On this page

UsageParts