Kirbytext link tag to button

You can easily convert any link in the Kirbytext markdown field to a button.

If you are a Kirby beginner first check what is possible with the link tag https://getkirby.com/docs/reference/text/kirbytags/link.

All you have to do is add button classes to the link tag. We listed them here https://www.one.thezero.club/guide/theme-styling/helpful-classes#button

Examples:

# Primary button standard size with link to absolute URL
(link: http://wikipedia.org text: Wikipedia class: uk-button uk-button-primary)

# Secondary button standard size with link to internal subpage
(link: some/page text: Link to page class: uk-button uk-button-secondary)

# Default button large size with link to internal page but opens in new tab
(link: mypage text: Learn more target: _blank class: uk-button uk-button-default uk-button-large)

Last updated