Tagify

Tags input component

github [#a1a1a1ff]Created with Sketch.

Components

  • Tagify

    Description...

    Attributes

    valuesArray of objects. Optional, add if you want to set initial values on load. Each object should have key: "value" and value: "your tagify value".
    stylingCustom styling for Tagify. Object with CSS values. Visit here for tagify custom css:https://github.com/yairEO/tagify?tab=readme-ov-file#css-variables
    data-blacklistBlacklist tags you don't want to include. String with comma separated values.
    whitelistArray field. Whitelist tags that will be available in dropdown when the user starts typing.
    enforce-whitelistIf set to boolean True, the Tagify will only accept whitelist tags.
    user-inputBoolean value. Disable or Enable user input.
    readonlyBoolean value. Enabling will disable modification to tag. Can also be set for each tag separately.
    disabledBoolean value. Enabling will disable tagify. Can also be set for each tag separately.
    placeholderPlaceholder for the tagify input.

    Events

    changeTriggered on every Tagify changes. The output is JSON string containing all tagify values.
    addTriggered when the tag is added to Tagify. The output is tag value (string).
    removeTriggered when the tag is removed from Tagify. The output is tag value (string).