A basic component for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
<> <Ui.Input onChange={(value : String) { Ui.Notifications.notifyDefault(<>value</>) }} placeholder="200ms delay..." inputDelay={200} /> <Ui.Input onChange={(value : String) { Ui.Notifications.notifyDefault(<>value</>) }} placeholder="1000ms delay..." inputDelay={1000} /></>
<> <Ui.Input iconInteractive={true} icon={Ui.Icons.X} value="John Doe" onIconClick={ (event : Html.Event) { Ui.Notifications.notifyDefault(<>"Icon Clicked!"</>) } } /> <Ui.Input iconInteractive={true} icon={Ui.Icons.EYE} value="*****" onIconClick={ (event : Html.Event) { Ui.Notifications.notifyDefault(<>"Icon Clicked!"</>) } } /></>
Mint UI is a design system and component library for building websites, web and desktop applications.