InputAdornment

An utility component that tries to provide extra trailing or leading adornments (i.e. a prefix, a suffix, an action, or an icon) for inputs.

API

Learn more about the properties and the customization points.

Usage

import InputAdornment from "@sonnat/ui/InputAdornment";
//or
import { InputAdornment } from "@sonnat/ui";

Properties

Note that the documentation avoids mentioning all the native props (there are a lot) in this section of the components.

InputAdornment Properties
NameTypeDefaultDescription
childrenstring-The content of the component.
classNamestring-Append to the class names applied to the component so you can override or extend the styles.
variant"node"
| "icon"
| "text"
"node"The variant of the component.
  • The ref is forwarded to the root element.
  • Any other properties supplied will be provided to the root element.