7.5 #Chip.default-invert invert Chip

Toggle example guides Toggle HTML markup

.sf-chip.-invert

invert chip
invert chip with remove
Html
    <div class="sf-chip -invert">
        <div class="sf-chip__content">
            invert chip
        </div>
    </div>
    <div class="sf-chip -invert -removable">
        <div class="sf-chip__content">
            invert chip with remove
        </div>
        <i class="sf-icon -close -size-2xs -black sf-chip__remove-button"></i>
    </div>