Tag Component

Table of Contents

Usage

Nulla ea non consequat officia id ex reprehenderit pariatur aliquip commodo ea sit sunt commodo. Ipsum Lorem sit Lorem voluptate esse nulla incididunt sunt amet est minim aliquip consequat ad. Minim culpa sint culpa aliqua voluptate labore id deserunt incididunt qui. Fugiat dolore ipsum consequat anim. Ut consectetur excepteur ipsum pariatur reprehenderit ex fugiat incididunt mollit ea occaecat nulla ullamco in.

Default Tag

SvelteKit
<script>
  import { Tag } from "$lib/components";
</script>

<Tag>SvelteKit</Tag>
SvelteKit
<script>
  import { Tag } from "$lib/components";
</script>

<Tag href="https://kit.svelte.dev">SvelteKit</Tag>
SvelteKit
<script>
  import { Tag } from "$lib/components";
</script>

<Tag type="dark" href="https://kit.svelte.dev">SvelteKit</Tag>

Small and Dark Tag

SvelteKit
<script>
  import { Tag } from "$lib/components";
</script>

<Tag type="dark" size="sm">SvelteKit</Tag>