Create front-end style guides in minutes

Try for free See features

4 patterns found for tag inputs


Always visible input hints are info texts or examples guiding users to fill in empty text fields correctly. They should be placed close to the text field (usually below or on the right side of it)...

Written by: Janne Lammi

Always Visible Input Hints


Dynamic Input Hints are instructional texts or examples that are shown when a user clicks or tabs to an input field. Showing input hints only when people feel they need them keeps the form simple...

Written by: Janne Lammi

Dynamic Input Hints


Input Prompt is an info text placed inside a text box. It guides the user on how the text field should be filled or how it can be used. The input prompt inside a text field will disappear if click...

Written by: Janne Lammi

Input Prompt

Indicating clearly required or optional fields on a form tells the user what needs to be filled in to complete the form. If most of the form fields are optional, use text or asterisk (*) next to e...

Written by: Janne Lammi

Required Form Fields