Top Bar

View source Report an issue

TopBar

Prop	Type	Default	Required
`appearance`	`"standard"` \| `"rounded"` \| `Partial<Record<Breakpoint, "standard" \| "rounded">>`	`standard`	-
`as`	`JSX.IntrinsicElements`	-	-
`diffused`	`boolean`	-	-
`hasScrolled`	`boolean`	-	-
`size`	`Partial<Record<Breakpoint, "md" \| "lg">>` \| `"md"` \| `"lg"`	`md`	-
`theme`	`Record<string, string>`	-	-

TopBar.Brand

Prop	Type	Default	Required
`as`	`JSX.IntrinsicElements`	-	-

TopBar.BrandLogo

Prop	Type	Default	Required
`className`	`string`	-	-

TopBar.BrandName

Prop	Type	Default	Required
`as`	`JSX.IntrinsicElements`	-	-
`family`	`"body"` \| `"display"` \| `"mono"` \| `Partial<Record<Breakpoint, "body" \| "display" \| "mono">>`	-	-
`noCapsize`	`boolean`	-	-
`size`	`Partial<Record<Breakpoint, "xs" \| "sm" \| "md" \| "lg" \| "xl" \| "2xl" \| "3xl" \| "4xl">>` \| `"xs"` \| `"sm"` \| `"md"` \| `"lg"` \| `"xl"` \| `"2xl"` \| `"3xl"` \| `"4xl"`	-	-
`weight`	`"bold"` \| `"normal"` \| `Partial<Record<Breakpoint, "bold" \| "normal">>`	-	-

TopBar.ActionIcon

Prop	Type	Default	Required
`appearance`	`"simple"` \| `"outline"` \| `"solid"` \| `Partial<Record<Breakpoint, "simple" \| "outline" \| "solid">>`	-	-
`as`	`JSX.IntrinsicElements`	-	-
`hasTooltip`	`boolean`	-	-
`href`	`string`	-	-
`icon`	`FC<SVGProps<SVGSVGElement>>`	-
`isRounded`	`boolean`	-	-
`label`	`string`	-
`onClick`	`MouseEventHandler<HTMLElement>`	-	-
`theme`	`"neutral"` \| `"primary"` \| `"primaryDark"` \| `"success"` \| `"warning"` \| `"danger"` \| `"white"` \| `Partial<Record<Breakpoint, "neutral" \| "primary" \| "primaryDark" \| "success" \| "warning" \| "danger" \| "white">>`	-	-
`tooltipSide`	`"left"` \| `"right"` \| `"top"` \| `"bottom"`	-	-