mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore(tabs): pass id to anchor link in Tab

Browse source
This commit is contained in:
Eric Liu 2020-07-30 17:27:29 -07:00
commit 121768598c
2 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/Tabs/Tab.svelte
View file

@ -51,7 +51,6 @@
<li <li
tabindex="-1" tabindex="-1"
role="presentation" role="presentation"
{id}
class:bx--tabs__nav-item={true} class:bx--tabs__nav-item={true}
class:bx--tabs__nav-item--disabled={disabled} class:bx--tabs__nav-item--disabled={disabled}
class:bx--tabs__nav-item--selected={selected} class:bx--tabs__nav-item--selected={selected}
@ -81,6 +80,7 @@
tabindex={disabled ? '-1' : tabindex} tabindex={disabled ? '-1' : tabindex}
aria-selected={selected} aria-selected={selected}
aria-disabled={disabled} aria-disabled={disabled}
{id}
{href} {href}
class:bx--tabs__nav-link={true}> class:bx--tabs__nav-link={true}>
<slot>{label}</slot> <slot>{label}</slot>

6
src/Tabs/Tabs.svelte
View file

@ -33,12 +33,16 @@
const tabsById = derived(tabs, (_) => const tabsById = derived(tabs, (_) =>
_.reduce((a, c) => ({ ...a, [c.id]: c }), {}) _.reduce((a, c) => ({ ...a, [c.id]: c }), {})
); );
const selectedTab = writable(undefined); const selectedTab = writable(undefined);
const content = writable([]); const content = writable([]);
const contentById = derived(content, (_) =>
_.reduce((a, c) => ({ ...a, [c.id]: c }), {})
);
const selectedContent = writable(undefined); const selectedContent = writable(undefined);
setContext("Tabs", { setContext("Tabs", {
tabs,
contentById,
selectedTab, selectedTab,
selectedContent, selectedContent,
add: (data) => { add: (data) => {