> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/handbuch/inhalt/paginierung/konfiguration.md).

# Konfiguration

## Basiskonfiguration

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Navigation (Standard)\
• Buttons

**Beispiel Wert**:\
`Navigation (Standard)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-pagination-style`

{% hint style="info" %}
**Navigation**\
Standard-Darstellung mit zusammengefassten Buttons.

**Buttons**\
Darstellung mit sepraten Buttons.
{% endhint %}

## Farbkonfiguration

***

### Textfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-color`

***

### Rahmenfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#bcc1c7`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-border-color`

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-background-color`

***

### Textfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`darken($sw-color-brand-primary, 15%)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-hover-color`

***

### Rahmenfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#bcc1c7`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-hover-border-color`

***

### Hintergrundfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eeeeee`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-hover-background-color`

***

### Textfarbe @active

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-active-color`

***

### Rahmenfarbe @active

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-active-border-color`

***

### Hintergrundfarbe @active

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-active-background-color`

***

### Textfarbe @disabled

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#798490`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-disabled-color`

***

### Rahmenfarbe @disabled

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#bcc1c7`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-disabled-border-color`

***

### Hintergrundfarbe @disabled

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eeeeee`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-pagination-disabled-background-color`

## Darstellungsart "Navigation"

***

### Ecken

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht abgerundet\
• abgerundete Ecken (Standard)\
• runde Ecken

**Beispiel Wert**:\
`abgerundete Ecken (Standard)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Darstellungsart: Navigation"

**Technischer Name**:\
`twt-pagination-corner-type`

{% hint style="info" %}
**abgerundete Ecken**\
Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

**runde Ecken**\
Verwendet einen vordefinierten Radius für runde Ecken.
{% endhint %}

## Darstellungsart "Buttons"

***

### Ecken

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht abgerundet\
• abgerundete Ecken\
• runde Ecken\
• Pill

**Beispiel Wert**:\
`abgerundete Ecken`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Paginierung" => Abschnitt "Darstellungsart: Buttons"

**Technischer Name**:\
`twt-pagination-buttons-corner-type`

{% hint style="info" %}
**abgerundete Ecken**\
Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

**runde Ecken**\
Verwendet einen vordefinierten Radius für runde Ecken.
{% endhint %}