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

Chips are compact elements that allow users to enter information, select a choice, filter content, or trigger an action.

Input chips are a variant of chips which enable user input by converting text into chips.

Table of Contents

Resources

Basic Usage

import Material.Chip.Input as InputChip
import Material.ChipSet.Input as InputChipSet

type Msg
    = ChipSelected String

main =
    InputChipSet.chipSet []
        [ InputChip.chip InputChip.config "Chip One"
        , InputChip.chip InputChip.config "Chip Two"
        ]

Input Chip Set

chipSet : List (Html.Attribute msg) -> ( String, Material.Chip.Input.Internal.Chip msg ) -> List ( String, Material.Chip.Input.Internal.Chip msg ) -> Html msg

Input chip set view function