Chip

You can use a close button to remove a chip.

<div class="chip">
    <!-- Content -->
    <div class="chip__content">
        ...
    </div>

    <!-- The close button -->
    <!-- See https://csslayout.io/patterns/close-button -->
    ...
</div>

.chip {
                        /* Center the content */
                        align-items: center;
                        display: inline-flex;
                        justify-content: center;

                        /* Background color */
                        background-color: rgba(0, 0, 0, 0.1);

                        /* Rounded border */
                        border-radius: 9999px;

                        /* Spacing */
                        padding: 4px 8px;
                    }

                    .chip__content {
                        margin-right: 4px;
                    }

CSS

Chip

See also

Close button