This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Input

Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

Status
work in progress
Tags
    form

Design

Forms are the cornerstone in most design systems. And our form fields are no different. Rounded corners to keep relations with checkboxes, radio buttons and buttons. The contained design version moves the support text within the form. This component is made to be prominent and clear, also with multiple form fields on a page.

Anatomy

Group label is always on top follow by optional support text. Each checkbox has a label and optional support text.

Anatomy of input field
Last updated: