CTAs

A base component that renders multiple buttons and/or links

Renders links as buttons or text links. The link target may be a local - or external page.

Usage

  ctas:
    - url: "https://github.com/wernerglinka/ms-components"
      label: Get the Starter
      isExternal: true
      isButton: true
      buttonStyle: "primary"
    - url: "https://github.com/wernerglinka/ms-components"
      label: Get the Starter
      isExternal: true
      isButton: false
      buttonStyle: "primary"
  • url - The link target
  • label - The link text
  • isExternal - When true, adds target="_blank" and rel="noopener noreferrer" attributes to the link
  • isButton - When true, renders the lionk as a button
  • buttonStyle - Defines the button style, uses default, primary and secondary

For an usage example see the media section.

Base Components Library

Library of all code snippets for the base components