Tag list

Figma

🧪 Beta

Guidelines

🛠 In progress

Web

🔭 Alpha

Mobile

🔭 Alpha

A tag list is a collection of tag component.

Guidelines

Correct / Incorrect

Takeaways

Features

Usage

Implementation

Tag 1

Tag 2

<script lang="ts">
  import { TagList, TagType, flag_icon_url } from '@behavy/glowup-design-system';

  let tags: Array<TagType> = [
    new TagType({
      id: 1,
      name: 'Tag 1',
      icon: flag_icon_url,
      color: 'dark-purple',
      background_color: 'light-purple'
    }),
    new TagType({
      id: 2,
      name: 'Tag 2',
      icon: flag_icon_url,
      color: 'dark-blue',
      background_color: 'light-blue'
    })
  ];
</script>

<TagList {tags} />

Properties

Status	Name	Type	Default	Required	Description
🔭	tags	TagType[]		✅

Examples

Alternative

No alternative.