Heading & Mark

Setup

<script>
  import { Heading, Button, P, A, Span, Mark } from "svelte-5-ui-lib";
</script>

Sizes

My heading

<Heading
   tag="h1"
   class="text-primary-700 dark:text-primary-500"
>
  My heading
</Headin>

Examples

We invest in the world’s potential

Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.

Learn more 
<script lang="ts">
  import { Heading, P, Button } from 'svelte-5-ui-lib';
  import { ArrowRightOutline } from "flowbite-svelte-icons";
</script>

<Heading tag="h1" class="mb-4 text-4xl font-extrabold  md:text-5xl lg:text-6xl">We invest in the world’s potential</Heading>
<P class="mb-6 text-lg sm:px-16 lg:text-xl xl:px-48 dark:text-gray-400">Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</P>
<Button href="/">
  Learn more
  <ArrowRightOutline class="ms-2 h-5 w-5" />
</Button>

Component data