Skip to main content

ButtonGroup

import { ButtonGroup, Button } from '@tulsa/core';

<ButtonGroup>
    <Button leadingVisual={<BiSearch size={"1.1em"} color="inherit" />}>Unselected</Button>
    <Button selected leadingVisual={<BiSearch size={"1.1em"} color="inherit" />}>Selected</Button>
    <Button leadingVisual={<BiSearch size={"1.1em"} color="inherit" />}>Unselected</Button>
</ButtonGroup>

Props​

HTMLProps<"div">

Examples​

IconButtons​

<ButtonGroup>
    <IconButton icon={<BiSearch size={"1em"} color="inherit" />} />
    <IconButton selected icon={<BiSearch size={"1em"} color="inherit" />} />
    <IconButton icon={<BiSearch size={"1em"} color="inherit" />} />
</ButtonGroup>