/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/examples/base/input-group-basic.tsx
42 строки
1 KB
shadcn
fix: refactor styles (#10190)
26 мар 2026, 13:36
Не верифицирован
26 мар 2026, 13:36
7d718dd
Код
Авторство
О чём код?
import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" import { Input } from "@/styles/base-nova/ui/input" import { InputGroup, InputGroupInput } from "@/styles/base-nova/ui/input-group" export function InputGroupBasic() { return ( <FieldGroup> <Field> <FieldLabel htmlFor="input-default-01"> Default (No Input Group) </FieldLabel> <Input placeholder="Placeholder" id="input-default-01" /> </Field> <Field> <FieldLabel htmlFor="input-group-02">Input Group</FieldLabel> <InputGroup> <InputGroupInput id="input-group-02" placeholder="Placeholder" /> </InputGroup> </Field> <Field data-disabled="true"> <FieldLabel htmlFor="input-disabled-03">Disabled</FieldLabel> <InputGroup> <InputGroupInput id="input-disabled-03" placeholder="This field is disabled" disabled /> </InputGroup> </Field> <Field data-invalid="true"> <FieldLabel htmlFor="input-invalid-04">Invalid</FieldLabel> <InputGroup> <InputGroupInput id="input-invalid-04" placeholder="This field is invalid" aria-invalid="true" /> </InputGroup> </Field> </FieldGroup> ) }