A text input component. ### Example ```jsx State.init({ myValue: "", }); return ( <Widget src="near/widget/DIG.Input" props={{ assistiveText: "My assistive text", label: "My Label", iconLeft: "ph-bold ph-pizza", placeholder: "Placeholder...", onInput: (e) => State.update({ myValue: e.target.value }), value: state.myValue, }} /> ); ``` ### Props `assistiveText` - type: string - Adds assistive text to the bottom of the input. Useful for info, success, and error messages. `disabled` - type: boolean - Disables the input `iconLeft` - type: string (CSS Class) - example: `"ph-bold ph-anchor-simple"` - https://phosphoricons.com - Adds an icon inside the left of the input `iconRight` - type: string (CSS Class) - example: `"ph-bold ph-anchor-simple"` - https://phosphoricons.com - Adds an icon inside the right of the input `invalid` - type: boolean - Renders input with error variant `label` - type: string - Renders label above input `onInput` - type: function - Other DOM events like `onKeyDown` are also supported. `valid` - type: boolean - Renders input with success variant ### HTML Attributes All other props will be forwarded through to the `<input>` element. EG: `type`, `value`, `placeholder`.