@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
37 lines (36 loc) • 1.22 kB
TypeScript
/// <reference path="../../index.d.ts" />
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
import type { Scale } from "../interfaces.js";
import type { TabLayout, TabPosition } from "./interfaces.js";
/**
* @cssproperty [--calcite-tab-background-color] - Specifies the component's background color.
* @cssproperty [--calcite-tab-border-color] - Specifies the component's border color.
* @slot - A slot for adding `calcite-tab`s.
* @slot [title-group] - A slot for adding a `calcite-tab-nav`.
*/
export abstract class Tabs extends LitElement {
/**
* When `true`, displays the component with a folder style menu.
*
* @default false
*/
accessor bordered: boolean;
/**
* Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
*
* @default "inline"
*/
accessor layout: TabLayout;
/**
* Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`.
*
* @default "top"
*/
accessor position: TabPosition;
/**
* Specifies the size of the component.
*
* @default "m"
*/
accessor scale: Scale;
}