Inputs are the simplest and most used type of form control. Inkline provides you with simple solutions for all the scenarios you will encounter when creating input forms.
Behind the scenes, Inkline uses a native HTML
<input> element, meaning that you can use the
type property to define the type of the input, such as
number, and so on. By default, the input type is set to
Keep in mind that native input types look and are treated differently in each browser, which is why you should use a custom component to achieve consistency.
disabled property will disable all interactions with the input component.
readonly property will disable all interactions with the input component, except being able to focus the input.
If you need to be able to quickly clear the value of an input, you can add the
clearable property to the input component.
Inkline allows you to easily add a prefix or suffix to your inputs. Using prefixes and suffixes you can, for example, indicate the input type using an icon or text.
You can add additional content such as select fields, buttons or plain text, to either side of the input by using the prepend and append slots.
You can use the
color property to set a
dark color for your inputs.
You're able to use the
size modifier to control the size of your inputs, using one of the available sizes:
lg. The default size is set to