Default input
import { Input } from "@combric/react";
export function Example() {
return <Input aria-label="Project name" placeholder="Combric docs" />;
}Input
Styled native input retaining browser form behavior.
@combric/react · v1.1.1 · Current
Import and usage
import { Input } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
Examples
Disabled input
import { Input } from "@combric/react";
export function Example() {
return <Input aria-label="Project name" value="Combric docs" disabled readOnly />;
}Invalid input
import { Input } from "@combric/react";
export function Example() {
return <Input aria-label="Project name" aria-invalid="true" required />;
}Public API
| Name |
|---|
Input |
| Property / capability | Published contract |
|---|---|
| Contract | All native input props |
| Contract | aria-invalid styling |
Accessibility
Requires a programmatic label; Combric styles invalid state but does not validate values.
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.