@patternfly/pfe-cta v1.12.3

PatternFly Elements CTA

pfe-cta is a call-to-action (CTA) element, that stands out from regular hypertext links, and is used for linking users to webpages.

Read more about CTA in the PatternFly Elements CTA documentation

Note: pfe-cta is not necessarily a button, though it may look like one visually.

Installation

Load <pfe-cta> via CDN:

<script src="https://unpkg.com/@patternfly/pfe-cta?module"></script>

Or, if you are using NPM, install it

npm install @patternfly/pfe-cta

Then once installed, import it to your application:

import '@patternfly/pfe-cta';

Usage

<pfe-cta>
  <a href="https://github.com/">GitHub</a>
</pfe-cta>

<pfe-cta priority="primary">
  <a href="https://pfelements.github.io/">Learn more about PFElements</a>
</pfe-cta>

<pfe-cta priority="secondary">
  <a href="https://redhat.com/">Red Hat</a>
</pfe-cta>

<pfe-cta priority="secondary" variant="wind">
  <a href="https://redhat.com/">Red Hat</a>
</pfe-cta>

<pfe-cta priority="primary" color="lightest">
  <a href="https://pfelements.github.io/">Learn more about PFElements</a>
</pfe-cta>

<pfe-cta priority="secondary" color="complement">
  <a href="https://redhat.com/">Red Hat</a>
</pfe-cta>