Sample KSS

5 Form

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

Sample Label

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

Sample Label

{% include "@form/input.twig" with {
  input_type: "text",
  input_label: "Sample Label",
  input_name: "sample-input"
} %}

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

A form element that triggers an action or other functionality.

the state when a mouse is hovered over the link

the state when the link has keyboard focus

{% include "@form/button.twig" with {
  button_text: "Sample Button"
} %}

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