Bulma Input
Bulma Input is used for getting text input from the user. The Bulma Input elements are available in different colors, different styles, different sizes, and different states.
Element |
Description |
---|---|
Bulma Input Colors |
There are different types of classes to set the input color. |
Bulma Input Sizes |
Bulma Input Size is used to set the size of input fields. There are four different input sizes available in Bulma that are small, medium, normal, and large. |
Bulma Input Styles |
Bulma Input style is used to set the style on input fields. There is only a single style that is used in an input field. This style is used to create a rounded corner input field. |
Bulma Input States |
Bulma Input States are used to set the different states of input fields. There are many different states available for input fields that are – normal, hovered, focused, loading, static, disabled, and readonly. |
Bulma Input with Font Awesome icons |
Bulma Input States are used to set the different states of input fields. There are many different states available for input fields that are – normal, hovered, focused, loading, static, disabled, and readonly. |
Bulma Input Variables |
Bulma input variables are the SCSS variables that are compiled to CSS, which in turn, are utilized to add styling in various customization options. These variables are declared once to store data that can be reused whenever required. |
Bulma Form Complete Reference
Bulma is a free, open-source CSS framework developed by Jeremy Thomas. This framework is based on the CSS Flexbox property. It is highly responsive, minimizing the use of media queries for responsive behavior. It allows us to add our own CSS styling but it is advised to use an external stylesheet over inline styling.
The Form in Bulma contains various classes & components which include the text input, select dropdown, textarea, checkbox, etc. These form controls are used to validate the form fields, along with maintaining consistency in the design.
The list of complete references for the Bulma Form is given below: