Pretty Buttons - TLWebdesign Extensions

Een module om knoppen weer te geven op een mooi en gemakkelijke manier. Met de mogelijkheid om voor en na de knoppen inhoud toe te voegen.

Je kan gewoon een paar knoppen weergeven maar het is ook erg handig om als contact informatie module te gebruiken aangezien je voor en na de knoppen html opgemaakte inhoud kan plaatsen.

We hebben de volgende mogelijkheden toegevoegd

BS5 knop classes
BS5 Blok kolom weergave optie
Alleen Icoon knoppen
Open link in hetzelfde of nieuw scherm.
Aangepaste class optie voor niet-BS5 websites
Icoon class optie
Extra inhoud voor en na de knop (editor velden).

Aankomende mogelijkheden

Niets op de planning voor nu. Laat ons jouw ideeën weten!

Mist er een optie?

Open een aanvraag op github.

Pre-defined Classes

This example shows all the pre-defined Bootstrap 5 button classes.

btn-primary btn-secondary btn-success btn-danger btn-warning btn-info btn-light btn-dark btn-link btn-lg btn-sm BS5 full width button (W-100)

Block column layout

These buttons are using the block column layout option. More info about block layout column (former btn-block) on the bootstrap website.

Pretty Buttons Github Pretty Masthead Github Pretty PhotoRibbon Github TLWebdesign @ JED

Various examples

You can add any class you like to your buttons. For instance if your template used UIKIT instead of bootstrap. Or you want to do some custom styling.

Outline button using custom class option

You also have the option to use icon-only buttons by leaving the button text field empty.