UNPKG

yrd-ui

Version:

npx create-react-app --template typescript yrd-ui

24 lines (23 loc) 693 B
import { FC, ReactNode } from 'react'; export interface TabsProps { /**当前激活 tab 面板的 index,默认为0 */ defaultIndex?: number; /**可以扩展的 className */ className?: string; /**点击 Tab 触发的回调函数 */ onSelect?: (selectedIndex: number) => void; /**Tabs的样式,两种可选,默认为 line */ type?: 'line' | 'card'; children?: ReactNode; } /** * 选项卡切换组件。 * 提供平级的区域将大块内容进行收纳和展现,保持界面整洁。 * ### 引用方法 * * ~~~js * import { Tabs } from 'yrd-ui' * ~~~ */ export declare const Tabs: FC<TabsProps>; export default Tabs;