CardIcon

Table of Contents

• Example
• Usage

Example

Usage

<script>
    import CardIcon from '$lib/dist/components/CardIcon.svelte';
    import { Book, BookImage, Rss } from 'lucide-svelte';
</script>

<div class="grid items-center gap-2 grid-cols-2 mb-4">
    <CardIcon
        title="Blogs"
        content="Comes with powerfull blog system to help you share your thoughts."
        icon={Rss}
        link="/blog"
        linkName="Blog"
    />
    <CardIcon
        title="Docs"
        content="A simple way to create beautiful documentation for your products."
        icon={Book}
        link="/docs"
        linkName="Docs"
    />
</div>

<CardIcon
      title="Components based UI"
      content="Just import the components you need and start building."
      icon={BookImage}
/>