Capture user data with various forms of text input.
Flux makes it easy to wrap your inputs in a field with label/description and error messages. If you need more control over the layout of these fields, you can assemble the individual field components.
Use the browser's various input types for different situations: text, email, password, etc.
Restrict the formatting of text content for unique cases by using Alpine's mask plugin
Append a button to the inside of an input to provide associated functionality.
Flux provides three special input properties to configure common input button behaviors. clearable for clearing contents, copyable for copying contents, and viewable for toggling password visibility.
To render an input using a button element, pass "button" into the as prop.
If you want to use an input group in a form field with a label, you will need to wrap the input group in a field component.