@tolokoban/ui
Version:
React components with theme
44 lines • 1.46 kB
TypeScript
import * as React from "react";
import { ViewTabProps } from "../Tab";
import { DimensionStyleProps } from "../../theme/styles/dimension";
import { ColorStyleProps } from "../../theme/styles/color";
import { ColorName } from "../../types";
export type ViewTabsProps = ColorStyleProps & DimensionStyleProps & {
className?: string;
/** Key of the active Tab. */
value?: string;
/**
* * `horizontal`: the tabs' headers are on the top.
* * `vertical`: the tabs' headers are on the left.
*/
orientation?: "horizontal" | "vertical";
/**
* If true, the tabs are displayed on the right or on the bottom,
* depending on the `orientation`.
* Defaults to `false`.
*/
opposite?: boolean;
/**
* Callback to call when a new tab is active.
* @param value Key of the newly activated tab.
*/
onChange?(this: void, value?: string): void;
/**
* Color of the selection.
* Defaults to `primary-5`.
*/
colorAccent?: ColorName;
/**
* CSS size of the outline.
* Defaults to `0`.
*/
outline?: string;
/**
* CSS size of the line on the selected tab.
* Defaults to `outline` or `4px`.
*/
highlight?: string;
children: React.ReactElement<ViewTabProps> | React.ReactElement<ViewTabProps>[];
};
export declare function ViewTabs(props: ViewTabsProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Tabs.d.ts.map