/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/examples/base/select-invalid.tsx
39 строк
1009 B
shadcn
fix: refactor styles (#10190)
26 мар 2026, 13:36
Не верифицирован
26 мар 2026, 13:36
7d718dd
Код
Авторство
О чём код?
import { Field, FieldError, FieldLabel } from "@/styles/base-nova/ui/field" import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, } from "@/styles/base-nova/ui/select" const items = [ { label: "Select a fruit", value: null }, { label: "Apple", value: "apple" }, { label: "Banana", value: "banana" }, { label: "Blueberry", value: "blueberry" }, ] export function SelectInvalid() { return ( <Field data-invalid className="w-full max-w-48"> <FieldLabel>Fruit</FieldLabel> <Select items={items}> <SelectTrigger aria-invalid> <SelectValue /> </SelectTrigger> <SelectContent> <SelectGroup> {items.map((item) => ( <SelectItem key={item.value} value={item.value}> {item.label} </SelectItem> ))} </SelectGroup> </SelectContent> </Select> <FieldError>Please select a fruit.</FieldError> </Field> ) }