diff --git a/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte b/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte index 782c3dc4fb..98eb3f39cd 100644 --- a/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte +++ b/packages/stacks-svelte/src/components/Navigation/NavigationTitle.svelte @@ -9,12 +9,16 @@ * Additional CSS classes added to the element */ class?: string; + /** + * IDs corresponding to NavigationItems this NavigationTitle controls + */ + ariaOwns?: string; /** * Optional content rendered at the end of the navigation title. */ trailing?: Snippet; } - let { title, class: className = "", trailing }: Props = $props(); + let { title, class: className = "", 'aria-owns': ariaOwns, trailing }: Props = $props(); const getClasses = (className: string) => { const base = "s-navigation--title"; let classes = "d-flex jc-space-between " + base; @@ -26,7 +30,7 @@ const classes = $derived(getClasses(className)); -