Posteros design system | Inputs

Input only

Use a circle avatar to represent a person.

HTML

Input with label

Use a circle avatar to represent a person.

Date

HTML

Input with search icon

Use a circle avatar to represent a person.

HTML

Input with floating label

Use a circle avatar to represent a person.

Enter a description

HTML
JS

assets/js/custom/floating-label.js

Contents

Input field only
Input with label
Input with search icon
Input with floating label