open-index/open-npm huggingface dataset:
npm package: @spark-web/toggle-group
Description: --- title: ToggleGroup storybookPath: forms-toggle-group isExperimentalPackage: true ---
Latest version: 5.1.0

---
title: ToggleGroup
storybookPath: forms-toggle-group
isExperimentalPackage: true
---

## Example

```jsx live
<ToggleGroup
  value={value}
  onValueChange={(newValue) => setValue(newValue)}
>
  <ToggleGroupItem value="1">
  <ToggleGroupItem value="2">
  <ToggleGroupItem value="3">
</ToggleGroup>
```

## Props

### ToggleGroup

| Prop  | Type                                   | Default | Description                            |
| ----- | -------------------------------------- | ------- | -------------------------------------- |
| data? | [DataAttributeMap][data-attribute-map] |         | Sets data attributes on the component. |

[data-attribute-map]:
  https://github.com/brighte-labs/spark-web/blob/e7f6f4285b4cfd876312cc89fbdd094039aa239a/packages/utils/src/internal/buildDataAttributes.ts#L1
npm package: @spark-web/ui
Description: --- title: UI storybookPath: data-display-ui isExperimentalPackage: true ---
Latest version: 3.0.0-poc.14

---
title: UI
storybookPath: data-display-ui
isExperimentalPackage: true
---

## Example

```jsx live
<UI />
```

## Props

### UI

| Prop  | Type                                   | Default | Description                            |
| ----- | -------------------------------------- | ------- | -------------------------------------- |
| data? | [DataAttributeMap][data-attribute-map] |         | Sets data attributes on the component. |

[data-attribute-map]:
  https://github.com/brighte-labs/spark-web/blob/e7f6f4285b4cfd876312cc89fbdd094039aa239a/packages/utils/src/internal/buildDataAttributes.ts#L1