Button Group

Button container with spacing. Align horizontally on desktop and vertically on mobile.

import '@wevisdemo/ui/styles/button-group.css';
import '@wevisdemo/ui/styles/button.css';
import WvButton from '@wevisdemo/ui/{react,vue,svelte}/button';
import WvButtonGroup from '@wevisdemo/ui/{react,vue,svelte}/button-group';

<WvButtonGroup>
  <WvButton>A</WvButton>
  <WvButton>B</WvButton>
  <WvButton>C</WvButton>
</WvButtonGroup>

Slot / Children

Buttons

Props

Name	Type	Default
center	boolean	false

Examples

Center buttons

<WvButtonGroup center>
  <WvButton>A</WvButton>
  <WvButton>B</WvButton>
  <WvButton>C</WvButton>
</WvButtonGroup>