245e5c9a69
* added tool to generate spec files for React components * use typedoc for missing descriptions and types * improvements and fixes * improvements * added doc comments for half of the components * add custom resolver + more doc comments * added all tsdocs * general improvements * add specs to UI docs * added github action * remove unnecessary api route * Added readme for react-docs-generator * remove comment * Update packages/design-system/ui/src/components/currency-input/currency-input.tsx Co-authored-by: Kasper Fabricius Kristensen <45367945+kasperkristensen@users.noreply.github.com> * remove description of aria fields + add generate script --------- Co-authored-by: Kasper Fabricius Kristensen <45367945+kasperkristensen@users.noreply.github.com>
49 lines
1.1 KiB
Plaintext
49 lines
1.1 KiB
Plaintext
---
|
|
title: "Progress Tabs"
|
|
description: "A set of layered content panels, known as tabs, specifically designed for implementing multi-step tasks"
|
|
component: true
|
|
---
|
|
|
|
<ComponentExample name="progress-tabs-demo" />
|
|
|
|
## Usage
|
|
|
|
---
|
|
|
|
```tsx
|
|
import { ProgressTabs } from "@medusajs/ui"
|
|
```
|
|
|
|
```tsx
|
|
<ProgressTabs defaultValue="general">
|
|
<ProgressTabs.List>
|
|
<ProgressTabs.Trigger value="general">
|
|
General
|
|
</ProgressTabs.Trigger>
|
|
<ProgressTabs.Trigger value="shipping">
|
|
Shipping
|
|
</ProgressTabs.Trigger>
|
|
<ProgressTabs.Trigger value="payment">
|
|
Payment
|
|
</ProgressTabs.Trigger>
|
|
</ProgressTabs.List>
|
|
<ProgressTabs.Content value="general">
|
|
{/* Content */}
|
|
</ProgressTabs.Content>
|
|
<ProgressTabs.Content value="shipping">
|
|
{/* Content */}
|
|
</ProgressTabs.Content>
|
|
<ProgressTabs.Content value="payment">
|
|
{/* Content */}
|
|
</ProgressTabs.Content>
|
|
</ProgressTabs>
|
|
```
|
|
|
|
## API Reference
|
|
|
|
---
|
|
|
|
<ComponentReference mainComponent="ProgressTabs" componentsToShow={[
|
|
"ProgressTabs",
|
|
"ProgressTabs.ProgressIndicator"
|
|
]} /> |