Shahed Nasser
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>
69 lines
838 B
Plaintext
69 lines
838 B
Plaintext
---
|
|
title: "Badge"
|
|
description: "Displays a badge"
|
|
component: true
|
|
---
|
|
|
|
<ComponentExample name="badge-demo" />
|
|
|
|
## Usage
|
|
|
|
---
|
|
|
|
```tsx
|
|
import { Badge } from "@medusajs/ui"
|
|
```
|
|
|
|
```tsx
|
|
<Badge>Badge</Badge>
|
|
```
|
|
|
|
## API Reference
|
|
|
|
---
|
|
|
|
<ComponentReference mainComponent="Badge" />
|
|
|
|
## Examples
|
|
|
|
---
|
|
|
|
### Grey
|
|
|
|
<ComponentExample name="badge-grey" />
|
|
|
|
### Red
|
|
|
|
<ComponentExample name="badge-red" />
|
|
|
|
### Green
|
|
|
|
<ComponentExample name="badge-green" />
|
|
|
|
### Blue
|
|
|
|
<ComponentExample name="badge-blue" />
|
|
|
|
### Orange
|
|
|
|
<ComponentExample name="badge-orange" />
|
|
|
|
### Purple
|
|
|
|
<ComponentExample name="badge-purple" />
|
|
|
|
### Small
|
|
|
|
<ComponentExample name="badge-small" />
|
|
|
|
### Large
|
|
|
|
<ComponentExample name="badge-large" />
|
|
|
|
### Rounded Full
|
|
|
|
<ComponentExample name="badge-rounded-full" />
|
|
|
|
### Rounded Base
|
|
|
|
<ComponentExample name="badge-rounded-base" /> |