Number Circle

The number-circle component, prefixed by gds-number-circle, is used to indicate numeric rankings for associated content.

Prototypes Page

<span class="gds-number-circle">1</span>

Optional classes:

• gds-number-circle--xs
• gds-number-circle--sm
• gds-number-circle--lg
• gds-number-circle--xl
• gds-number-circle--secondary
• gds-number-circle--success
• gds-number-circle--warning
• gds-number-circle--info
• gds-number-circle--danger
• gds-number-circle--white