pfe-card-pfe-cta.HelloWorld.vue

<template>
  <div>
    <h1>PatternFly Elements with Vue</h1>
    <pfe-card color="lightest" border>
      <img
        alt="From https://picsum.photos/"
        overflow="left right top"
        src="https://picsum.photos/id/1019/300/200"
      >
      <p>
        This is the light pfe-card and
        <a href="#">a link</a>.
      </p>
      <p>
        Leverage agile frameworks to provide a robust synopsis for high
        level overviews. Iterative approaches to corporate strategy
        foster collaborative thinking to further the overall value
        proposition.
      </p>
      <p>
        Organically grow the holistic world view of disruptive
        innovation via workplace diversity and empowerment.
      </p>
      <pfe-cta slot="pfe-card--footer">
        <a href="#">Learn more</a>
      </pfe-cta>
    </pfe-card>
  </div>
</template>