Monorepo for Tangled
Something went wrong. Try again.
Svelte
1234567891011121314151617181920212223242526272829303132<script module lang="ts"> import { tv, type VariantProps } from "tailwind-variants";
export const stepHeader = tv({ slots: { root: "flex flex-col gap-2", title: "typography-heading-3 font-semibold text-foreground-default", subtitle: "typography-paragraph-regular text-foreground-muted" } });
export type StepHeaderVariants = VariantProps<typeof stepHeader>;</script>
<script lang="ts"> interface Props { title: string; subtitle?: string; }
let { title, subtitle }: Props = $props();
const slot = stepHeader();</script>
<header class={slot.root()}> <h2 class={slot.title()}>{title}</h2> {#if subtitle} <p class={slot.subtitle()}>{subtitle}</p> {/if}</header>