Cta button

In progress

Link that looks like button. For example, it is used in Banner component.

<hy-cta-button
  link-content="Example cta link"
  sc-label="example"
  url="https://google.com"
  is-external="false"
  variant="white-background"
/>

# Properties

Property Attribute Description Type Default
isExternal is-external Is it external link? boolean false
linkContent link-content Link title string ''
scLabel sc-label Area-label string undefined
url url Link url string undefined
variant variant variant CtaLinkButtonVariants.default \| CtaLinkButtonVariants.heroBlack \| CtaLinkButtonVariants.heroBlue \| CtaLinkButtonVariants.heroWhite \| CtaLinkButtonVariants.onBlackBkgd \| CtaLinkButtonVariants.onBlueBkgd \| CtaLinkButtonVariants.onTransparentBkgd \| CtaLinkButtonVariants.onWhiteBkgd CtaLinkButtonVariants.onBlueBkgd

# Dependencies

# Used by

# Depends on

Helsinki University Design System

← Cta link →