Skip to content

Segmented control - CSS Component

Playground

Customization

Construction

The CSS component uses a div tag.

z-segmented-control

The z-segmented-control parameter is the main parameter used to render the segmented control component.

Each label inside the z-segmented-control container should contain a button component with the z-button HTML custom attribute. Followed by a radio type input.

You can customize the button following the button component documentation.

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example