UI.Utils.Focus

Unified configuration for managing focus on components.

Configuration

type alias Focus msg =

{ onEnter : msg

, tabIndex : Int

, hasFocus : Bool

}

Required configuration for managing focus.

{ onEnter = Msg.OnFocusEnterThisComponent
, tabIndex = 2
, hasFocus = False
}

hasFocus can be used for enforcing focus when loading a new page.

toElementAttributes : Focus msg -> List (Attribute msg)

Applies [Focus]#Focus into Elm UI attributes.

Element.el [ focusAttributes someConfig ] <|
    Element.text "Some content"