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
41 lines
1.0 KiB
TypeScript
41 lines
1.0 KiB
TypeScript
import { Label } from "@medusajs/ui"
|
|
|
|
export default function LabelAllSizes() {
|
|
return (
|
|
<div className="flex gap-8 items-center">
|
|
<div className="flex flex-col gap-1">
|
|
<Label size="xsmall" weight="regular">
|
|
XSmall - Regular
|
|
</Label>
|
|
<Label size="xsmall" weight="plus">
|
|
XSmall - Plus
|
|
</Label>
|
|
</div>
|
|
<div className="flex flex-col gap-1">
|
|
<Label size="small" weight="regular">
|
|
Small - Regular
|
|
</Label>
|
|
<Label size="small" weight="plus">
|
|
Small - Plus
|
|
</Label>
|
|
</div>
|
|
<div className="flex flex-col gap-1">
|
|
<Label size="base" weight="regular">
|
|
Base - Regular
|
|
</Label>
|
|
<Label size="base" weight="plus">
|
|
Base - Plus
|
|
</Label>
|
|
</div>
|
|
<div className="flex flex-col gap-1">
|
|
<Label size="large" weight="regular">
|
|
Large - Regular
|
|
</Label>
|
|
<Label size="large" weight="plus">
|
|
Large - Plus
|
|
</Label>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|