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


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

Input Chip Set