aforemny / material-components-web-elm / Material.ChipSet.Action

Action chips offer actions related to primary content. They should appear dynamically and contextually in a UI.

An alternative to action chips are buttons, which should appear persistently and consistently.

Table of Contents

Resources

Basic Usage

import Material.Chip.Action as ActionChip
import Material.ChipSet.Action as ActionChipSet

type Msg
    = Clicked String

main =
    ActionChipSet.chipSet []
        [ ActionChip.chip
            (ActionChip.config
                |> ActionChip.setOnClick Clicked "Chip One"
            )
            "Chip One"
        , ActionChip.chip ActionChip.config "Chip Two"
        ]

Action Chip Set

chipSet : List (Html.Attribute msg) -> Material.Chip.Action.Internal.Chip msg -> List (Material.Chip.Action.Internal.Chip msg) -> Html msg

Chip set view function