Card

Headline Default

Test Subheadline

---
import { Card } from "wf-components";
---

<Card headline="Headline Default" subHeadline="Test Subheadline" linkText="Link" />

Props

`variant`

Optional Defaults to default, the options are: default, download, link, blog, and youtube.

Headline Default

Test Subheadline

Link

---
import { Card } from "wf-components";
---

<Card variant="default" headline="Headline Default" subHeadline="Test Subheadline" linkText="Link" />

Headline Link

Test Subheadline

---
import { Card } from "wf-components";
---
<Card variant="link" headline="Headline Link" subHeadline="Test Subheadline" linkText="Link" />

Headline Download

Test Subheadline

Link

---
import { Card } from "wf-components";
---
<Card variant="download" headline="Headline Download" subHeadline="Test Subheadline" linkText="Link" />

Headline Blog

Test Subheadline

Link

---
import { Card } from "wf-components";
---
<Card variant="blog" category="Category" date={"10-24-2024"} headline="Headline Blog" subHeadline="Test Subheadline" linkText="Link" />

Headline YouTube

a month ago

---
import { Card } from "wf-components";
---
<Card variant="youtube" headline="Headline YouTube" subHeadline="a month ago" linkUrl="https://www.youtube.com/embed/pUbSQySgGUA?si=OGVkRgF4Y6aC2ik9" />

`headline`

Required The headline/title of the card.

`subHeadline`

Required The sub headline or description of the card.

`linkText`

Optional The text that will be displayed in the link.

`linkUrl`

Optional The actual URL that the link will point to, or the URL of the embedded YouTube video.

`date`

Optional For the blog variant, the date of the blog post.

`category`

Optional For the blog variant, the category of the blog post.