@navinc/base-react-components
Version:
Nav's Pattern Library
11 lines (7 loc) • 571 B
Markdown
This is a controlled `<Input>` component with styling to accommodate the "visible" and "invisible" icon button that toggles the visibility of the input value.
After changing the `name` prop using the controls, please press the storybook "remount" button (the refresh icon, 2 arrow chasing each other),
## Additional props not listed
- **isVisible** (boolean): visibility state of the input value
- **value** (string): input value
- **onChange** (func): handler for input typing
- **onToggle** (func): handler for visibility icon click and keyboard (see code comments)