{% extends "_layouts/examples.html" %}
{% block title %}Chip / With Badge{% endblock %}
{% from "docs/examples/patterns/chip/_semantic-states.jinja" import chip_semantic_states %}

{% block standalone_css %}patterns_chip{% endblock %}

{% block content %}

{{ chip_semantic_states(badge_text="2.5B", badge_label="More than 2.5 billion items", use_linebreak=True) }}

{% endblock %}
