Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
GET NGSTARTER

Segmented Control

Tired of clunky toggles and outdated selection components? Meet Segmented Control for – a sleek, modern, and highly customizable component that brings intuitive navigation to your Angular apps.

Key features:
  • ✅ 3 Inspired – Fully integrates with for a seamless design experience.
  • 🎨 Customizable – Play with colors, sizes, and styles to match your brand.
  • ⚡ Lightning Fast & Lightweight – Built for performance without unnecessary bloat.
  • 📱 Touch & Keyboard Friendly – Perfect for mobile and desktop interactions.
  • 🛠️ Easy to Use – Drop it in, configure it, and watch your UI shine!

Upgrade your Angular UI with Segmented Control and give your users the fluid, elegant selection experience they deserve! 🚀

Basic segmented control

Selected value: monthly

Segmented control sizes

Segmented control disabled

Segmented control with icons

Segmented control with icons only

Segmented control with FormControl

Daily
Weekly
Monthly
Yearly
Selected value: daily

Segmented control with ngModel

Daily
Weekly
Monthly
Yearly
Selected period: weekly

API Reference

Properties for the ngs-segmented component.