GPD-Design System

HTML

CSS

Input default

Optional help text

Input readyonly

Optional help text

Input password-visibility

Field Modifiers

Input default

Input readonly

Toggle password with visibility

Fluid with Tooltip (unstable)

Typography

When a user hovers overs a breadcrumb, the breadcrumb link should be underlined.

Element	Font-size (px/rem)	Font-weight	Margin-Left	Height
Link	18 / 1.125	Regular / 400	10px / 0.625	32 / 2