PF6.ToggleGroup

PF6 ToggleGroup component

A group of toggle buttons where one or more items can be selected.

See: https://www.patternfly.org/components/toggle-group

Definition

type ToggleGroup msg

Opaque ToggleGroup type

type ToggleItem msg

Opaque ToggleItem type

Constructors

toggleGroup : { items : List (ToggleItem msg) } -> ToggleGroup msg

Construct a ToggleGroup

toggleGroup
    { items =
        [ toggleItem { label = "Month", isSelected = True, onToggle = SetView Month }
        , toggleItem { label = "Week", isSelected = False, onToggle = SetView Week }
        ]
    }

toggleItem :

{ label : String

, isSelected : Bool

, onToggle : msg

}

-> ToggleItem msg

Construct a toggle item

Item modifiers

withItemIcon : Element msg -> ToggleItem msg -> ToggleItem msg

Add an icon to a toggle item

withItemDisabled : ToggleItem msg -> ToggleItem msg

Disable a toggle item

Group modifiers

withCompact : ToggleGroup msg -> ToggleGroup msg

Use compact styling with reduced padding

Rendering

toMarkup : Theme -> ToggleGroup msg -> Element msg

Render the ToggleGroup as an Element msg

lenards/elm-ui-patternfly/4.0.0