sigilUI

Top Bar

Place application controls across the top of a workspace.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { TopBar } from "@sigil-ui/components";

Usage

<TopBar>Top bar content</TopBar>

CLI

npx @sigil-ui/cli add top-bar

Token Integration

TopBar follows the Sigil component rules: styles resolve from var(--s-*), class names are mergeable through className, and the component is exported from @sigil-ui/components.