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
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
import { Label, RadioGroup, Text } from "@medusajs/ui"
|
|
|
|
export default function RadioGroupDescriptions() {
|
|
return (
|
|
<RadioGroup>
|
|
<div className="flex items-start gap-x-3">
|
|
<RadioGroup.Item value="1" id="radio_1_descriptions" />
|
|
<div className="flex flex-col gap-y-0.5">
|
|
<Label htmlFor="radio_1_descriptions" weight="plus">
|
|
Radio 1
|
|
</Label>
|
|
<Text className="text-ui-fg-subtle">
|
|
The quick brown fox jumps over the lazy dog.
|
|
</Text>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start gap-x-3">
|
|
<RadioGroup.Item value="2" id="radio_2_descriptions" />
|
|
<div className="flex flex-col gap-y-0.5">
|
|
<Label htmlFor="radio_2_descriptions" weight="plus">
|
|
Radio 2
|
|
</Label>
|
|
<Text className="text-ui-fg-subtle">
|
|
The quick brown fox jumps over the lazy dog.
|
|
</Text>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-start gap-x-3">
|
|
<RadioGroup.Item value="3" id="radio_3_descriptions" />
|
|
<div className="flex flex-col gap-y-0.5">
|
|
<Label htmlFor="radio_3_descriptions" weight="plus">
|
|
Radio 3
|
|
</Label>
|
|
<Text className="text-ui-fg-subtle">
|
|
The quick brown fox jumps over the lazy dog.
|
|
</Text>
|
|
</div>
|
|
</div>
|
|
</RadioGroup>
|
|
)
|
|
}
|