d1a1135328
* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
import { ProgressTabs, Text } from "@medusajs/ui"
|
|
|
|
export default function ProgressTabsStatus() {
|
|
return (
|
|
<div className="w-full px-4">
|
|
<ProgressTabs defaultValue="general">
|
|
<div className="border-b border-ui-border-base">
|
|
<ProgressTabs.List>
|
|
<ProgressTabs.Trigger value="general" status="completed">
|
|
General
|
|
</ProgressTabs.Trigger>
|
|
<ProgressTabs.Trigger value="shipping" status="in-progress">
|
|
Shipping
|
|
</ProgressTabs.Trigger>
|
|
<ProgressTabs.Trigger value="payment" status="not-started">
|
|
Payment
|
|
</ProgressTabs.Trigger>
|
|
</ProgressTabs.List>
|
|
</div>
|
|
<div className="mt-2">
|
|
<ProgressTabs.Content value="general">
|
|
<Text size="small">General step is completed.</Text>
|
|
</ProgressTabs.Content>
|
|
<ProgressTabs.Content value="shipping">
|
|
<Text size="small">Shipping step is in progress.</Text>
|
|
</ProgressTabs.Content>
|
|
<ProgressTabs.Content value="payment">
|
|
<Text size="small">Payment step has not started.</Text>
|
|
</ProgressTabs.Content>
|
|
</div>
|
|
</ProgressTabs>
|
|
</div>
|
|
)
|
|
}
|