v1.2.0
Theme

Segment Control

A segmented button/toggle group for presenting multiple options where only one is selected at a time. Similar to iOS segmented controls or radio button groups with a pill-style UI.

Installation

npm install @duskmoon-dev/el-segment-control

Usage

import { register } from '@duskmoon-dev/el-segment-control';
register();
<el-dm-segment-control color="primary">
  <button>Day</button>
  <button>Week</button>
  <button>Month</button>
</el-dm-segment-control>

Live Demo

Default

Colors

Properties

PropertyTypeDefaultDescription
color'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'error''primary'Color theme

Slots

SlotDescription
DefaultSegment items (buttons or similar interactive elements)