Interface TabHeaderDetails

interface TabHeaderDetails {
    centered?: boolean;
    description?: string;
    icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image" | "desktop" | "globe";
    tip?: {
        body?: string;
        title?: string;
    };
    title?: string;
}

Properties

centered? description? icon? tip? title?

Properties

Optional centered

centered?: boolean

When true, the tab header is rendered in a centered single-column layout (icon stacked above title, tip and description). Defaults to false to preserve the existing two-column left-aligned layout for current consumers.

Optional description

description?: string

Optional icon

icon?: MynahIcons | "q" | "at" | "menu" | "minus" | "minus-circled" | "search" | "plus" | "paper-clip" | "pin" | "list-add" | "tabs" | "chat" | "link" | "folder" | "file" | "flash" | "doc" | "dot" | "external" | "cancel" | "cancel-circle" | "calendar" | "comment" | "megaphone" | "magic" | "notification" | "eye" | "ellipsis" | "ellipsis-h" | "ok" | "up-open" | "down-open" | "right-open" | "left-open" | "resize-full" | "resize-small" | "block" | "ok-circled" | "info" | "warning" | "error" | "thumbs-up" | "thumbs-down" | "star" | "stack" | "light-bulb" | "envelope-send" | "enter" | "refresh" | "progress" | "scroll-down" | "user" | "play" | "pause" | "stop" | "pencil" | "code-block" | "copy" | "cursor-insert" | "text-select" | "tools" | "revert" | "undo" | "rocket" | "asterisk" | "bug" | "check-list" | "deploy" | "shell" | "help" | "message" | "mcp" | "trash" | "transform" | "history" | "image" | "desktop" | "globe"

Optional tip

tip?: {
    body?: string;
    title?: string;
}

Optional tip card rendered between the title and the description. Useful for "Did you know?"-style introductions on welcome surfaces.

Type declaration

  • Optional body?: string
  • Optional title?: string

Optional title

title?: string

Settings

Member Visibility

Theme

On This Page

centereddescriptionicontiptitle