Tab

Default

  • tab1

  • tab2

  • tab3

2nd tab disabled

  • tab1

  • disabled

  • tab3

type = button

  • tab1

  • tab2

  • tab3

type = button, disabled

  • tab1

  • disabled

  • tab3

by default it occupies the max width available, if you dont want that wrap it in a flex container, like it is done here

type = button-light

  • tab1

  • tab2

  • tab3

button light

  • tab1

  • disabled

  • tab3

Button light

  • Leaves

  • TimeRegs

Button light

  • Leaves

  • Employees

  • Time Regs.

  • Customers

With Separator

  • Leaves

  • TimeRegs

  • Leaves

  • Employees

  • Time Regs.

  • Customers

With Separator

  • Leaves

  • TimeRegs

  • Leaves

  • Employees

  • Time Regs.

  • Customers

  • Leaves

  • TimeRegs

With Separator on two levels

  • Leaves

  • TimeRegs

  • Leaves

  • TimeRegs

  • Leaves

  • Employees

  • Time Regs.

  • Customers

  • Leaves

  • Employees

  • Time Regs.

  • Customers

  • Leaves

  • TimeRegs

  • Leaves

  • TimeRegs

Button light with Count

  • Leaves15

  • TimeRegs

Button light, with count

  • Leaves12

  • Employees24

  • Time Regs.12

  • Customers