Skills
.Work. You
Rest

heroui-buttons

Community

Master Hero UI button components.

Software Engineering#react#frontend development#ui components#buttons#ux#hero ui
Authortchiphuong
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive documentation and usage examples for Hero UI's Button, ButtonGroup, and CloseButton components, enabling developers to implement consistent and accessible button interactions within the UniManage project.

Core Features & Use Cases

  • Button Component: Covers variants (primary, secondary, tertiary, ghost, danger), sizes (sm, md, lg), states (hover, active, focus, disabled, pending), and common props.
  • ButtonGroup Component: Demonstrates grouping related buttons for better UI organization and user experience.
  • CloseButton Component: Provides guidance on using specialized close buttons for modals, dialogs, and dismissible elements.
  • Use Case: Quickly implement a set of action buttons for a form, including a primary save button with a loading state and a secondary cancel button, ensuring they adhere to Hero UI's design system.

Quick Start

Use the heroui-buttons skill to generate a primary button with the text 'Submit'.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: heroui-buttons
Download link: https://github.com/tchiphuong/UniManage/archive/main.zip#heroui-buttons

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.