Files
pocket-id/frontend/src/lib/components/ui/card/card-title.svelte
Kyle Mendell 9881a1df9e feat: modernize ui (#381)
Co-authored-by: Elias Schneider <login@eliasschneider.com>
2025-03-30 13:19:14 -05:00

22 lines
555 B
Svelte

<script lang="ts">
import type { HTMLAttributes } from 'svelte/elements';
import type { HeadingLevel } from './index.js';
import { cn } from '$lib/utils/style.js';
type $$Props = HTMLAttributes<HTMLHeadingElement> & {
tag?: HeadingLevel;
};
let className: $$Props['class'] = undefined;
export let tag: $$Props['tag'] = 'h3';
export { className as class };
</script>
<svelte:element
this={tag}
class={cn('flex items-center gap-2 text-xl font-semibold leading-none tracking-tight', className)}
{...$$restProps}
>
<slot />
</svelte:element>