@dvcol/neo-svelte/dist/nav/neo-tab.model.d.ts

Neomorphic ui library for svelte 5

import type { Snippet } from 'svelte';
import type { NeoButtonProps } from '../buttons/neo-button.model.js';
import type { OnChange } from './neo-tabs.model.js';
import type { HTMLUseProps } from '../utils/action.utils.js';
import type { HTMLNeoBaseElement, HTMLRefProps } from '../utils/html-element.utils.js';
export type TabId = string | number | symbol;
export type NeoTabProps<Value = unknown, Tag extends keyof HTMLElementTagNameMap = 'div'> = {
    /**
     * Snippet to display as the tab content.
     */
    children?: Snippet<[{
        active: boolean;
        tabId: TabId;
        value?: unknown;
    }]>;
    /**
     * The HTML tag to use for the tab.
     * @default 'div'
     */
    tag?: Tag | keyof HTMLElementTagNameMap;
    /**
     * A unique identifier for the tab.
     * If none is provided, the tab will be assigned a random id.
     */
    tabId?: TabId;
    /**
     * Optional value to associate with the tab.
     */
    value?: Value;
    /**
     * If true, the tab will display a close button that broadcasts the `onclose` event.
     * Note: The event will also be emitted to a parent `NeoTabs` if present.
     */
    close?: boolean;
    /**
     * Event handler that fires wwhen the close button is clicked.
     */
    onclose?: OnChange<Value>;
    /**
     * Optional props to pass to the tab container.
     */
    tabProps?: HTMLNeoBaseElement & HTMLUseProps;
} & Omit<NeoButtonProps, 'value' | 'children' | 'ref' | 'tag'> & HTMLRefProps;