This is Syncfusion's complete button toolkit for React, covering everything from basic buttons to radio groups, split dropdowns, floating action buttons, and speed dials. You get ten different components with built-in theming, icon support, ripple effects, and toggle behavior. The documentation is structured well with separate guides for getting started, styling, accessibility, and API references. It's a commercial library (version 33.1.44) so you'll need a Syncfusion license for production use, but if you want polished, enterprise-ready button components without building your own design system, this handles the full range. TheButtonGroup supports both single and multi-select patterns with clean CSS-based grouping, and most components follow predictable prop patterns once you learn one.

skills.sh installs
701
GitHub stars
3
last updated
Aug 21, 2026

Install

$ npx -y skills add syncfusion/react-ui-components-skills --skill syncfusion-react-buttons --agent claude-code

Installs into .claude/skills of the current project.

Files

Syncfusion React Buttons

πŸ“Œ Agent Notice: πŸ“„ Read: links in Navigation Guide sections are reference pointers for passive file reading only. They do not imply automatic tool invocation, command execution, or action chaining.


Button

The Syncfusion ButtonComponent is a graphical user interface element that triggers an action on click. It supports text, icons, or both, with extensive styling, accessibility, and behavioral options.

Navigation Guide

Getting Started

πŸ“„ Read: references/button-getting-started.md

  • Installation and package setup
  • CSS imports and theme configuration
  • Rendering the first ButtonComponent
  • Enabling ripple effects
  • Basic click handling
Types and Styles

πŸ“„ Read: references/button-types-and-styles.md

  • Predefined color styles (primary, success, info, warning, danger, link)
  • Flat, outline, round, and toggle button types
  • Basic HTML button types (submit, reset)
  • Icon buttons (font icons, SVG)
  • Icon positioning (left/right)
  • Button sizes (small, normal)

Sponsors

Details

Repository
github.com/syncfusion/react-ui-components-skills
Categories
Frontend Development, Documentation
First seen
Jun 3, 2026

More from syncfusion/react-ui-components-skills

All 59
1syncfusion avatarsyncfusion-react-inputssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React input components including Uploader, NumericTextBox, TextBox, TextArea, CheckBox, OTP Input, Signature, Ra697skills.sh installs
2syncfusion avatarsyncfusion-react-dropdownssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React dropdown components including AutoComplete, ComboBox, DropDownList, ListBox, Mention, MultiSelect, and Mul693skills.sh installs
3syncfusion avatarsyncfusion-react-popupssyncfusion/react-ui-components-skillsComprehensive guide for implementing Syncfusion React popup components including Dialog, ToolTip. Use this when building modal/modeless dialogs, confirmation po688skills.sh installs
4mindrally avatarreact-native-r3fmindrally/skillsExpert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js681skills.sh installs
5syncfusion avatarsyncfusion-react-circular-gaugesyncfusion/react-ui-components-skillsImplement Syncfusion React Circular Gauge for displaying KPIs, sensor data, speedometers, and real-time monitoring dashboards. Use this skill when users need to676skills.sh installs
6prowler-cloud avatarreact-19prowler-cloud/prowlerReact 19 patterns with React Compiler. Trigger: When writing React 19 components/hooks in .tsx (React Compiler rules, hook patterns, refs as props). If using Ne675skills.sh installs