mirror of
https://github.com/cosscom/coss.git
synced 2026-09-14 20:06:50 +08:00
Volnei Munhoz
16 lines
1.1 KiB
JSON
16 lines
1.1 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "input-group-with-number-field",
|
|
"type": "registry:example",
|
|
"description": "Input group with number field",
|
|
"registryDependencies": ["@coss/input-group", "@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-number-field.tsx",
|
|
"content": "import {\n InputGroup,\n InputGroupAddon,\n InputGroupText,\n} from \"@/registry/default/ui/input-group\"\nimport {\n NumberField,\n NumberFieldInput,\n} from \"@/registry/default/ui/number-field\"\n\nexport default function InputGroupWithNumberField() {\n return (\n <InputGroup>\n <NumberField defaultValue={10} aria-label=\"Enter the amount\">\n <NumberFieldInput className=\"text-left\" />\n </NumberField>\n <InputGroupAddon>\n <InputGroupText>€</InputGroupText>\n </InputGroupAddon>\n <InputGroupAddon align=\"inline-end\">\n <InputGroupText>EUR</InputGroupText>\n </InputGroupAddon>\n </InputGroup>\n )\n}\n",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "number field"]
|
|
}
|