Buttons#
Important
The examples are taken from the documentation of the sphinx-design extension, available at their website.
The syntax to use buttons is the following:
::::::{button-link} <link>
<options>
<content>
::::::
where <content> is what will be inside of the button. <content> is optional, and if not included, it will be the <link> that is displayed in the button. {button-link} (for external links) can also be replaced with {button-ref} to navigate with internal links. In this chapter we present all the colours of badges available in the TU Delft theme, and other useful <options> for buttons.
Colours#
You can use the colour of your choice by including:
:color: <color>
in the button component, where <color> should be replaced with the colour of the badge that we present in this subsection.
primary#
secondary#
success#
info#
warning#
danger#
light#
muted#
dark#
white#
black#
Align#
You can align your button on the page by including:
:align: <direction>
in the button component, where <direction> should be replaced with one of the options that we present in this subsection.