Focus

The focus block applies while the component has keyboard or input focus. It is useful for making interactive controls easy to find.

Input {
    placeholder: "Email address"
    border: 1
    border_color: slate-300

    focus {
        border_color: blue-500
        ring_color: blue-500
    }
}

Use a clear focus treatment so keyboard users can see which control is active.