Select region
import { Select } from "@combric/react";
export function Example() {
return <Select aria-label="Region" defaultValue="eu"><option value="eu">Europe</option><option value="us">United States</option></Select>;
}Select
Native select control without a custom popup abstraction.
@combric/react · v1.1.1 · Current
Import and usage
import { Select } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
Examples
Disabled select
import { Select } from "@combric/react";
export function Example() {
return <Select aria-label="Region" defaultValue="eu" disabled><option value="eu">Europe</option><option value="us">United States</option></Select>;
}Invalid select
import { Select } from "@combric/react";
export function Example() {
return <Select aria-label="Region" aria-invalid="true" required defaultValue=""><option value="" disabled>Choose a region</option><option value="eu">Europe</option><option value="us">United States</option></Select>;
}Public API
| Name |
|---|
Select |
| Property / capability | Published contract |
|---|---|
| Contract | All native select props |
| Contract | aria-invalid styling |
Accessibility
Preserves native selection, keyboard, validation, and form semantics.
Keyboard
Platform-native select behavior.
CSS and customization
Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.