anatomy/title.svelte

skeleton · packages/skeleton-svelte/src/components/dialog/anatomy/title.svelte · svelte · MIT
ui

title.svelte from skeletonlabs/skeleton

<!--
  Source: https://github.com/skeletonlabs/skeleton | License: MIT | Copyright 2023 Skeleton Labs, LLC
  Provided via justclaw.it.com; keep this notice with the code.
-->
<script lang="ts" module>
	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
	import type { PropsWithElement } from '../../../internal/props-with-element.js';

	export interface DialogTitleProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
</script>

<script lang="ts">
	import { DialogRootContext } from '../modules/root-context.js';
	import { mergeProps } from '@zag-js/svelte';

	const props: DialogTitleProps = $props();

	const dialog = DialogRootContext.consume();

	const { element, children, ...rest } = $derived(props);

	const attributes = $derived(mergeProps(dialog().getTitl

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key