Sample KSS

Sample KSS

5.1 Input

A form field to enter text, numbers, emails, passwords, or other content.

Examples

Default styling

:focus-visible

when the input has focus, usually when the cursor is entered into the input field

@form/eg-input.twig  |  src/form/_index.scss

5.2 Button

A form element that triggers an action or other functionality.

Examples

Default styling

:hover

the state when a mouse is hovered over the link

:focus-visible

the state when the link has keyboard focus

@form/eg-button.twig  |  src/form/_index.scss