MDC Pug3.0.0-beta.3
codeforumbug_report

Examples

Basic chips

codecode_off
+mdc-chip-set
    +mdc-chip('One')
    +mdc-chip('Two')
    +mdc-chip('Three')
 
// or
// +mdc-chip-set
//     +mdc-chip(label='One')
//     +mdc-chip(label='Two')
//     +mdc-chip(label='Three')

Chips with icons

codecode_off
+mdc-chip-set
    +mdc-chip('One')(icon='star')
    +mdc-chip('Two')(icon='star')
    +mdc-chip('Three')(icon='star')
 
// or
// +mdc-chip-set
//   +mdc-chip('One')(leadingIcon='star')
//   +mdc-chip('Two')(leadingIcon='star')
//   +mdc-chip('Three')(leadingIcon='star')

Chips with trailing icons

codecode_off
+mdc-chip-set
    +mdc-chip('One')(trailingIcon='delete')
    +mdc-chip('Two')(trailingIcon='delete')
    +mdc-chip('Three')(trailingIcon='delete')

Chips with avatars

codecode_off
+mdc-chip-set
    +mdc-chip('One')(avatar={image: 'https://placeimg.com/128/128/people'})
    +mdc-chip('Two')(avatar={image: 'https://placeimg.com/128/128/people'})
    +mdc-chip('Three')(avatar={image: 'https://placeimg.com/128/128/people'})

Input chips

codecode_off
+mdc-chip-set()(input)
    +mdc-chip('One')(input)#i1
    +mdc-chip('Two')(input)#i2
    +mdc-chip('Three')(input)#i3

Filter chips

codecode_off
OneTwoThree
+mdc-chip-set()(filter)
    +mdc-chip('One')(filter selected)#f1
    +mdc-chip('Two')(filter)#f2
    +mdc-chip('Three')(filter)#f3