DevToolbar
Development toolbar overlay.
import { DevToolbar } from '@ybouhjira/hyperkit';Static examples
This component depends on app-level context (providers, services, or interactive setup) that does not fit the inline playground yet, so its examples are shown as static code.
#Props
| Prop | Type | Default | Description |
|---|---|---|---|
product | string | — | — |
version | string | — | — |
bugStorage | BugReportStorage | — | — |
onInspect | () => void | — | — |
onBugReport | () => void | — | — |
onThemeToggle | () => void | — | — |
themeName | string | — | — |
showToggle | boolean | — | Hide the built-in FAB toggle button. Useful when the host app provides its own toggle. |
onOpenChange | (open: boolean) => void | — | Called whenever the panel open state changes. |
#Design Tokens
This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.
--sk-card-accent