BrickclayDesign System

Input chips

bk-input-chips: a tag/chip input (CVA, value is string[]). Press Enter or comma to add a chip, Backspace on an empty field to remove the last one.

bk-input-chipsForms and inputsAngular

Preview

A working preview of Input chips in the Brickclay style. Try it.

Interact with the preview to see events here.

Pre-filled

Empty, required

Error state

Disabled / read-only

API reference

InputTypeDefaultDescription
label / placeholder / hintstring''Standard field chrome.
hasError / errorMessageboolean / stringfalseError styling, replaces the hint.
disabled / readOnlybooleanfalseStandard states.
changeEventEmitter<string[]>outputFires with the full chip list on add/remove.