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

Sizes

<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>

Heading & Mark

Setup

Sizes

My heading

Examples

We invest in the world’s potential

Component data