InputBase

Who uses itLink to "Who uses it"

TextField and SearchField. Field also pairs with it in its stories.

When to use it directlyLink to "When to use it directly"

Only when building a new text-entry composite that needs a native input.

Use a component instead when you want a text box: TextField for general text, SearchField for search, TextArea for multi-line.

UsageLink to "Usage"

import { InputBase } from "@arshad-shah/cynosure";

<InputBase className="my-input" name="email" invalid={hasError} />

PropsLink to "Props"

It accepts every native input attribute, plus invalid.

GuaranteesLink to "Guarantees"

• invalid maps to aria-invalid; when it is not set, the attribute is omitted.
• The ref reaches the native <input>.
• No styling: composites add their own classes.

RelatedLink to "Related"

TextField · SearchField · TextAreaBase