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>

Be The First

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt libero dicta ex, suscipit, qui beatae in odio corrupti est quis quibusdam explicabo non atque!

Props

The component has the following props, type, and default values. See type-list 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'

Related components

References

Flowbite Card