CTA Card
Set up
<script>
import { CtaCard } from "flowbite-svelte";
let title = "Be The First";
let headColor = "gray";
let btns = [
{
size: "base",
name: "Download it",
type: "purple",
href: "/about",
rel: "external",
rounded: true,
},
{
size: "base",
name: "Get in on",
type: "green-outline",
href: "/#",
rel: "external",
},
];
</script>
Examples
<CtaCard {btns} {title} {headColor}>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt libero
dicta ex, suscipit, qui beatae in odio corrupti est quis quibusdam
explicabo non atque!
</CtaCard>
Props
The component has the following props, type, and default values. See types page for type information.
Name | Type | Default |
---|---|---|
title | string | 'Work fast from anywhere' |
headColor | Colors | 'gray' |
btns | CardButtonType[] | |
divClass | string | 'p-4 w-full text-center bg-white rounded-lg border shadow-md sm:p-8 dark:bg-gray-800 dark:border-gray-700' |