Syncfusion React Buttons

syncfusion/react-ui-components-skills/skills/syncfusion-react-buttons

by syncfusion6fb1c883a8412b611b95f839e0cb06e1fc8170a8No licenseListed Oct 9, 2026Updated Oct 9, 2026

Comprehensive guide for implementing Syncfusion React button components including Button, ButtonGroup, DropDownButton, Floating Action Button, ProgressButton, SplitButton, Speed Dial, Switch, RadioButton, and Chips. Use this when adding styled buttons, toggle behavior, icon support, grouped selections, dropdown action menus, programmatic control floating primary actions, expandable speed dial menus, compact interactive elements with avatars and drag-and-drop, or single/multiple selection capabilities to a React application.

Instructions onlySoftware Development

Only the file list is public. File contents are available once the skill is installed in a workspace.

PathSizeType
references/button-accessibility.md3.7 KBtext/markdown
references/button-api.md7.3 KBtext/markdown
references/button-getting-started.md3.8 KBtext/markdown
references/buttongroup-accessibility.md1.6 KBtext/markdown
references/buttongroup-getting-started.md2.1 KBtext/markdown
references/buttongroup-how-to.md8.5 KBtext/markdown
references/buttongroup-selection-and-nesting.md5.5 KBtext/markdown
references/buttongroup-style-and-appearance.md1.3 KBtext/markdown
references/buttongroup-types-and-styles.md2.4 KBtext/markdown
references/button-how-to.md8.1 KBtext/markdown
references/button-style-and-appearance.md2.9 KBtext/markdown
references/button-types-and-styles.md6.4 KBtext/markdown
references/chips-accessibility.md6.5 KBtext/markdown
references/chips-api.md10.1 KBtext/markdown
references/chips-customization.md9.3 KBtext/markdown
references/chips-drag-and-drop.md6.6 KBtext/markdown
references/chips-getting-started.md3.9 KBtext/markdown
references/chips-style.md5.2 KBtext/markdown
references/chips-types-and-selection.md8.7 KBtext/markdown
references/dropdownbutton-accessibility.md2.7 KBtext/markdown
references/dropdownbutton-api.md9.8 KBtext/markdown
references/dropdownbutton-appearance-and-styling.md6.5 KBtext/markdown
references/dropdownbutton-events-and-interactivity.md8.5 KBtext/markdown
references/dropdownbutton-getting-started.md2.8 KBtext/markdown
references/dropdownbutton-icons-and-layout.md4.4 KBtext/markdown
references/dropdownbutton-item-template.md2.5 KBtext/markdown
references/dropdownbutton-listview-integration.md2.4 KBtext/markdown
references/dropdownbutton-popup-items.md7.2 KBtext/markdown
references/floating-action-button-accessibility.md4.4 KBtext/markdown
references/floating-action-button-api.md7 KBtext/markdown
references/floating-action-button-events.md3.1 KBtext/markdown
references/floating-action-button-getting-started.md3.5 KBtext/markdown
references/floating-action-button-icons.md3.7 KBtext/markdown
references/floating-action-button-positions.md5.3 KBtext/markdown
references/floating-action-button-styles.md5.4 KBtext/markdown
references/progressbutton-accessibility.md2.6 KBtext/markdown
references/progressbutton-api.md12.1 KBtext/markdown
references/progressbutton-getting-started.md1.9 KBtext/markdown
references/progressbutton-how-to-change-text-content-and-styles-of-the-progressbutton-during-progress.md2.4 KBtext/markdown
references/progressbutton-how-to-customize-progress-using-cssclass.md2.4 KBtext/markdown
references/progressbutton-how-to-enable-progress-in-button.md1.3 KBtext/markdown
references/progressbutton-how-to-hide-spinner.md1.4 KBtext/markdown
references/progressbutton-how-to-trace-events-of-progress-button.md3.7 KBtext/markdown
references/progressbutton-spinner-and-progress.md8.8 KBtext/markdown
references/progressbutton-style-and-appearance.md3.4 KBtext/markdown
references/radiobutton-accessibility.md3.5 KBtext/markdown
references/radiobutton-api.md9.3 KBtext/markdown
references/radiobutton-features-and-state.md8.7 KBtext/markdown
references/radiobutton-getting-started.md2.7 KBtext/markdown
references/radiobutton-label-and-size.md3 KBtext/markdown
references/radiobutton-style-and-appearance.md5.5 KBtext/markdown
references/speeddial-accessibility.md3.3 KBtext/markdown
references/speeddial-api.md10 KBtext/markdown
references/speeddial-display-modes.md3.5 KBtext/markdown
references/speeddial-events.md6.1 KBtext/markdown
references/speeddial-getting-started.md3 KBtext/markdown
references/speeddial-items.md5.4 KBtext/markdown
references/speeddial-modal.md1.5 KBtext/markdown
references/speeddial-positions.md5.1 KBtext/markdown
references/speeddial-radial-menu.md5.8 KBtext/markdown
references/speeddial-styles.md6.9 KBtext/markdown
references/speeddial-template.md3.2 KBtext/markdown
references/splitbutton-accessibility.md17.2 KBtext/markdown
references/splitbutton-api-reference.md17 KBtext/markdown
references/splitbutton-customization.md16.3 KBtext/markdown
references/splitbutton-features.md21.1 KBtext/markdown
references/splitbutton-getting-started.md14 KBtext/markdown
references/splitbutton-types-and-styles.md17.2 KBtext/markdown
references/switch-api.md8.9 KBtext/markdown
references/switch-events-and-methods.md6.9 KBtext/markdown
references/switch-features.md4.6 KBtext/markdown
references/switch-getting-started.md2.2 KBtext/markdown
references/switch-how-to.md6.9 KBtext/markdown
references/switch-style-and-appearance.md5.2 KBtext/markdown
SKILL.md54.9 KBtext/markdown

Source and attribution

Source:syncfusion/react-ui-components-skillsinskills/syncfusion-react-buttonsat commit6fb1c88

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

More from syncfusion/react-ui-components-skills

Syncfusion React Treeview

syncfusion

Guides implementing the Syncfusion React TreeView component for hierarchical data with selection, drag-drop, editing and templates.

Software DevelopmentOct 9, 2026

Syncfusion React Treegrid

syncfusion

Guides implementation of Syncfusion's React TreeGrid component for hierarchical data, covering configuration, editing, exporting and performance.

Software DevelopmentOct 9, 2026

Syncfusion React Toolbar

syncfusion

Guides implementation of the Syncfusion React Toolbar component for responsive command bars and action toolbars.

Software DevelopmentOct 9, 2026

Syncfusion React Timeline

syncfusion

Guides implementation of the Syncfusion React Timeline component for chronological event displays.

Software DevelopmentOct 9, 2026

Syncfusion React Themes

syncfusion

Guides theming and visual styling of Syncfusion React components, including dark mode, CSS variables, icons and size modes.

Design & CreativeOct 9, 2026

Syncfusion React Tabs

syncfusion

Guides implementing and customizing Syncfusion React Tab components, covering setup, styling, rendering, drag-and-drop, and accessibility.

Software DevelopmentOct 9, 2026

More in Software Development

Playground

anthropics

Featured

Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.

Software Development37Kupdated today

M5 Onboard

anthropics

Featured

Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.

Software Development37Kupdated today

Cardputer Buddy

anthropics

Featured

Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.

Software Development37Kupdated today

Web Design Guidelines

vercel-labs

Featured

Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.

Software Development32Kupdated 5 weeks ago

Vercel React Native Skills

vercel-labs

Featured

React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.

Software Development32Kupdated 5 weeks ago

Vercel React Best Practices

vercel-labs

Featured

Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.

Software Development32Kupdated 5 weeks ago