docs/components/navigation/MobilePanelView

MobilePanelView

Mobile-optimized panel switcher.

import { MobilePanelView } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Live playground
Loading preview…

#Props

PropTypeDefaultDescription
tabs *MobilePanelTab[]
activeIdstring
defaultIdstring
onTabChange(id: string) => void
classstring

* required prop.

#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-accent
  • --sk-bg-primary
  • --sk-border
  • --sk-font-sm
  • --sk-mobile-panel-header-h
  • --sk-space-md
  • --sk-space-xs
  • --sk-text-muted
  • --sk-text-primary
  • --sk-transition-fast