Badges

Badges#

Important

The examples are taken from the documentation of the sphinx-design extension, available at their website.

The syntax to use badges is the following:

{bdg-<type>}`<content>`

where <type> should be replaced with the type of the badge, and <content> is what will be inside of the badge. In this chapter we present all the types of badges available, and their styling in the TU Delft theme.

Badge

Type

primary

{bdg-primary}

primary-line

{bdg-primary-line}

secondary

{bdg-secondary}

secondary-line

{bdg-secondary-line}

success

{bdg-success}

success-line

{bdg-success-line}

info

{bdg-info}

info-line

{bdg-info-line}

warning

{bdg-warning}

warning-line

{bdg-warning-line}

danger

{bdg-danger}

danger-line

{bdg-danger-line}

light

{bdg-light}

light-line

{bdg-light-line}

muted

{bdg-muted}

muted-line

{bdg-muted-line}

dark

{bdg-dark}

dark-line

{bdg-dark-line}

white

{bdg-white}

white-line

{bdg-white-line}

black

{bdg-black}

black-line

{bdg-black-line}