WireScript
Components

tabs

Tab navigation.

Tab container for switching between views. Contains tab children.

Usage

Tab States

With Navigation

(tabs
  (tab "Home" :to home)
  (tab "Profile" :to profile)
  (tab "Settings" :to settings))

Properties

accepts children

Layout

PropertyTypeDefault
:rowflag-
:colflag-
:gridflag-
:wrapflag-

Alignment

PropertyTypeDefault
:centerflag-
:startflag-
:endflag-
:betweenflag-
:aroundflag-
:stretchflag-

Sizing

PropertyTypeDefault
:fullflag-
:fitflag-
:fillflag-

Spacing

PropertyTypeDefault
:gapnumber0
:paddingnumber0

Dimensions

PropertyTypeDefault
:widthany-
:heightany-

Position

PropertyTypeDefault
:stickyflag-
:fixedflag-
:absoluteflag-
:relativeflag-
:topnumber-
:leftnumber-
:rightnumber-
:bottomnumber-

Tabs with Content

Tabs can contain children that render as panel content:

Examples

Settings Page

Profile Tabs

Dashboard Tabs

Product Tabs

On this page