React Design System: component Button Group

Button Group

Button groups arrange multiple buttons in a horizontal or vertical group.

Overview

API

Code

Component 'ButtonGroup'

First, you need to import a component to your code (сheck component path is right):

import ButtonGroup from "../../core/ButtonGroup";

To use the component, copy and paste an example from the CODE tab.
Default props of component can be omitted, they are applied automatically. For example, you can skip the prop type='def', because 'def' is the default value of prop 'type'.

type

string = default

This prop set the shape of the component. Possible states: default | dense . The default state is default.

view

tring = filled

This prop set the view of the component. Possible states: filled | flat | smooth | outlined | raised . The default state is flat.

color

string = default

className

string

A space-delimited list of class names to pass along to a child element.

data

object

Data object can have next keys:{ id: number, text: string, icon: string | element, rightIcon: string | element, isActive: boolean, onClick: function }.

fill

boolean = false

Whether this ButtonGroup should expand to fill its container. The default state is false.

right

boolean = false

Right position of ButtonGroup in a container.