ButtonGroup

ButtonGroup groups multiple buttons together, representing related actions. It's commonly used in forms, toolbars, or option switches.

Basic

Sizes

Button group in various sizes for different layout needs.

With Ring

Button group with ring effect for added visual hierarchy.

With Inset Ring

Button group with inset ring effect for refined design.

With Icon

Button group with icons for enhanced information display.

Only Buttons

Button group containing only buttons for simplicity and clarity.

Disabled

Disabled button group indicating unavailable actions.

Animation

Path Drawing Animation

Button group with path drawing effect for dynamic visuals.

Code snippet not found, please check if the component name is correct

Focus Ring Animation

Button group with ring layout offering different arrangement options.

Code snippet not found, please check if the component name is correct

Focus Underline Animation

Button group with underline layout emphasizing the selected button.

Code snippet not found, please check if the component name is correct

Click Background Animation

Button group with background change on click for feedback.

Code snippet not found, please check if the component name is correct

Hover Background Animation

Button group with background change on hover for enhanced interaction.

Code snippet not found, please check if the component name is correct

Scene

Editor Mini Control

Mini editor control button group suitable for text or image editing tools.

Code snippet not found, please check if the component name is correct

Editor Full Control

Full-featured editor control button group for complex editing scenarios.

Code snippet not found, please check if the component name is correct

Textarea

Button group with textarea for text editing scenarios.

Code snippet not found, please check if the component name is correct

ChatBox

Button group for chat boxes providing quick action buttons.

Code snippet not found, please check if the component name is correct