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
• Input Chip Set

Resources

• Demo: Chips
• Material Design Guidelines: Chips
• MDC Web: Chips
• Sass Mixins (MDC Web)

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