Superui logo

SuperUI

alpha

DocsCommunityMy components
DocsCommunityMy components

Button Group 🚧

Button Group component for React (WIP)

import { Group } from "@superui/styles";

Basic Usage

Right now this component doesn't work.

import { Group } from "@superui/styles";

<Group variant="outline">
  <Group.Item name="1">Item 1</Group.Item>
  <Group.Item name="2">Item 2</Group.Item>
  <Group.Item name="3">Item 3</Group.Item>
</Group>;

Group Props

NameTypeDefaultDescription
variantStringsolidSelect variant of the buttons (solid, outline, transparent)
sizeStringmediumSelect size of the buttons
classNameString-Extra class names for the buttons. Overwrites colliding classes.

Group Item Props

NameTypeDefaultDescription
nameString-Name of the button