heroui-controls

What problem does it solve?

This Skill provides ready-to-use UI components for common interactive elements like toggles, sliders, and switches, streamlining the development of user interfaces for settings, filters, and controls.

Core Features & Use Cases

• Switch: For binary on/off states (e.g., enabling notifications, dark mode).
• Slider: For selecting values within a range (e.g., volume, brightness, price filters).
• Toggle: For button-like actions with distinct pressed/unpressed states (e.g., text formatting).
• Use Case: Quickly implement a settings panel with multiple on/off toggles and a volume slider using the provided examples.

Quick Start

Use the heroui-controls skill to create a switch component to control notification settings.