Form Input

Style input and textarea with our custom designs, adjustable sizes, and focus states for a modern, user-friendly look.

Introduction

AiraCSS 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

AiraCSS'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 AiraCSS.

Normal

Focused

Disabled

Readonly inputs