Chirp Sass Documentation

Chips Input

  yarn add @chewy/kib-chips-styles

  @use '~@chewy/kib-chips-styles/src/kib-chip-input/styles' as kib-chip-input;

$chip-input-icon-color: color.get('chip', '03', 'text') !default;

Icon color

Color

$chip-input-button-size: kib-core-dimensions-get(large) !default;

Button size

Number

$chip-input-icon-container-size: kib-core-dimensions-get(default) * 1.25 !default;

Icon container size

Number

$chip-input-icon-size: kib-core-dimensions-get(small) * 1.25 !default;

Icon size

Number

$chip-input-pressed-background: color.get('chip', '03', 'bg-high') !default;

Pressed background color

Color

$chip-input-icon-spacing: spacing.get('s1');

Icon spacing

Number