..  include:: /Includes.rst.txt

..  _buttons:

=======
Buttons
=======

On this page:

..  rst-class:: compact-list

..  contents:: This page
   :backlinks: top
   :class: compact-list
   :depth: 99
   :local:


Lists as Buttons
================

horizbuttons-primary-m
-----------------------

Strong button for emphasis, size m

..  rst-class:: horizbuttons-primary-m

*   horizbuttons-primary-m
*   two
*   three `with link <#>`__


horizbuttons-default-m
----------------------

Default butons, size m

..  rst-class:: horizbuttons-default-m

*   horizbuttons-default-m
*   two
*   three `with link <#>`__


horizbuttons-primary-xxl
------------------------

Strong button for emphasis,

..  rst-class:: horizbuttons-primary-xxl

*   horizbuttons-primary-xxl
*   two
*   three `with link <#>`__


horizbuttons-default-xxl
-------------------------

Shall be very striking and unusual, something to not be be overseen.

..  rst-class:: horizbuttons-default-xxl

*   horizbuttons-default-xxl
*   two
*   three `with link <#>`__

Buttons on Cards
================

..  card-grid::
    :columns: 1
    :columns-md: 2
    :gap: 4
    :class: pb-4
    :card-height: 100

    ..  card:: Concepts

        Written for new users, this chapter introduces some of TYPO3's core
        concepts, including the backend - TYPO3's administration interface.

        ..  card-footer:: :ref:`Learn about the basic concepts <buttons>`
            :button-style: btn btn-primary stretched-link

    ..  card:: System requirements

        System requirements for the host operating system, including its web
        server and database and how they should be configured prior to
        installation.

        ..  card-footer:: :ref:`Inspect the System requirements <buttons>`
            :button-style: btn btn-secondary stretched-link

    ..  card:: System requirements

        System requirements for the host operating system, including its web
        server and database and how they should be configured prior to
        installation.

        ..  card-footer:: :ref:`Inspect the System requirements <buttons>`
            :button-style: btn btn-default stretched-link