import{_ast,case,oasa,Naso}from"./chunks/framework.0799945b.js";consty=JSON.parse('{"title":"Module: features/tabs/tabFamily","description":"","frontmatter":{"editLink":false},"headers":[],"relativePath":"api/modules/features/tabs/tabFamily.md","lastUpdated":null}'),l={name:"api/modules/features/tabs/tabFamily.md"},r=o('<h1id="module-features-tabs-tabfamily"tabindex="-1">Module:features/tabs/tabFamily<aclass="header-anchor"href="#module-features-tabs-tabfamily"aria-label="Permalink to "Module: features/tabs/tabFamily""></a></h1><h2id="interfaces"tabindex="-1">Interfaces<aclass="header-anchor"href="#interfaces"aria-label="Permalinkto"Interfaces""></a></h2><h3id="basetabbutton"tabindex="-1">BaseTabButton<aclass="header-anchor"href="#basetabbutton"aria-label="Permalinkto"BaseTabButton""></a></h3><p>•<strong>BaseTabButton</strong>:<code>Object</code></p><p>Thepropertiesthatareaddedontoaprocessed<ahref="./tabFamily#tabbuttonoptions">TabButtonOptions</a>tocreatean<ahref="./tabFamily#tabbutton">TabButton</a>.</p><table><thead><tr><thstyle="text-align:left;">Name</th><thstyle="text-align:left;">Type</th><thstyle="text-align:left;">Description</th></tr></thead><tbody><tr><tdstyle="text-align:left;"><code>[Component]</code></td><tdstyle="text-align:left;"><ahref="./../feature#genericcomponent"><code>GenericComponent</code></a></td><tdstyle="text-align:left;">TheVuecomponentusedtorenderthisfeature.</td></tr><tr><tdstyle="text-align:left;"><code>type</code></td><tdstyle="text-align:left;">typeof<ahref="./tabFamily#tabbuttontype"><code>TabButtonType</code></a></td><tdstyle="text-align:left;">Asymbolthathelpsidentifyfeaturesofthesametype.</td></tr></tbody></table><h4id="defined-in"tabindex="-1">Definedin<aclass="header-anchor"href="#defined-in"aria-label="Permalinkto"Definedin""></a></h4><p><ahref="https://github.com/profectus-engine/Profectus/blob/5c11524/src/features/tabs/tabFamily.ts#L58"target="_blank"rel="noreferrer">profectus/src/features/tabs/tabFamily.ts:58</a></p><hr><h3id="basetabfamily"tabindex="-1">BaseTabFamily<aclass="header-anchor"href="#basetabfamily"aria-label="Permalinkto"BaseTabFamily""></a></h3><p>•<strong>BaseTabFamily</strong>:<code>Object</code></p><p>Thepropertiesthatareaddedontoaprocessed<ahref="./tabFamily#tabfamilyoptions">TabFamilyOptions</a>tocreatean<ahref="./tabFamily#tabfamily">TabFamily</a>.</p><table><thead><tr><thstyle="text-align:left;">Name</th><thstyle="text-align:left;">Type</th><thstyle="text-align:left;">Description</th></tr></thead><tbody><tr><tdstyle="text-align:left;"><code>[Component]</code></td><tdstyle="text-align:left;"><ahref="./../feature#genericcomponent"><code>GenericComponent</code></a></td><tdstyle="text-align:left;">TheVuecomponentusedtorenderthisfeature.</td></tr><tr><tdstyle="text-align:left;"><code>[GatherProps]</code></td><tdstyle="text-align:left;">()=><ahref="https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type"target="_blank"rel="noreferrer"><code>Record</code></a><<code>string</code>,<code>unknown</code>></td><tdstyle="text-align:left;">Afunctiontogatherthepropsthevuecomponentrequiresforthisfeature.</td></tr><tr><tdstyle="text-align:left;"><code>activeTab</code></td><tdstyle="text-align:left;"><code>Ref</code><<code>null</code>|<ahref="./../feature#coercablecomponent"><code>CoercableComponent</code></a>|<ahref="./tab#generictab"><code>GenericTab</code></a>></td><tdstyle="text-align:left;">Thecurrentlyactivetab,ifany.</td></tr><tr><tdstyle="text-align:left;"><code>id</code></td><tdstyle="text-align:left;"><code>string</code></td><tdstyle="text-align:left;">Anauto-generatedIDforidentifyingfeaturesthatappearintheDOM.Willnotpersistbetweenrefreshesorupdates.</td></tr><tr><tdstyle="text-align:left;"><code>selected</code></td><tdstyle="text-align:left;"><ahref="./../../game/persistence#pe