Tag group


<Wrap>
    <Tag maxW="3xs">
        <Text isTruncated>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit
        </Text>
    </Tag>
    <Tag maxW="3xs">
        <Text isTruncated>Aliquam tincidunt mauris eu risus.</Text>
    </Tag>
    <Tag maxW="3xs">
        <Text isTruncated>Vestibulum auctor dapibus neque</Text>
    </Tag>
    <Popover>
        <PopoverTrigger>
            <Tag maxW="3xs" layerStyle="interactive.fill">
                +4
            </Tag>
        </PopoverTrigger>
        <PopoverContent>
            <PopoverBody>
                <Wrap>
                    <Tag maxW="3xs">
                        <Text isTruncated>Nunc dignissim risus id metus</Text>
                    </Tag>
                    <Tag maxW="3xs">
                        <Text isTruncated>Cras ornare tristique elit</Text>
                    </Tag>
                    <Tag maxW="3xs">
                        <Text isTruncated>
                            Vivamus vestibulum ntulla nec ante
                        </Text>
                    </Tag>
                    <Tag maxW="3xs">
                        <Text isTruncated>
                            Praesent placerat risus quis eros
                        </Text>
                    </Tag>
                    <Tag maxW="3xs">
                        <Text isTruncated>
                            Fusce pellentesque suscipit nibh
                        </Text>
                    </Tag>
                </Wrap>
            </PopoverBody>
        </PopoverContent>
    </Popover>
</Wrap>