Input

Components

Use components to build interfaces. You can use symbols to quickly access all components available in the library. Search the component's name in the add panel (Shift + A) or quick search (Ctrl + E) and press enter to add it. Once you add a symbol to your page you need to unlink it so you can make changes to it independently. Right-click on the symbol’s label and choose unlink from symbol. Learn more about symbols

Input / Basic / Text Only
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
face
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input / Basic / Icon Left
Input / Basic / Icon Right
face
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input / Label / Text Only
This is input caption text.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
face
This is input caption text.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input / Label / Icon Left
Input / Label / Icon Right
face
This is input caption text.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Customize

Edit Border Color, radius and input states
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Edit Height and inner shadow
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Best Practices

Component Description

A basic component for getting the user input.

Video tutorials

Coming soon...

arrow_upward