Form Input
The text input and its variations.
Introduction
Astral form-input
CSS class is meant for <input>
HTML elements. The following type attributes are supported:type="text"
,type="password"
,type="email"
and more.
Colors
Astral's form input comes in various colors
Style
For those that don't like the default form input you are free to use our utilities classes to redesign one that fits your needs.In the example below rounded-corners
class was used to make the the form input have rounded corners
States
These are the various states a form input can be in Astral.
Normal
Focused
Disabled
Readonly inputs
If you use the readonly
HTML attribute, the input will look similar to a normal one, but is not editable and has no shadow.
On this page