test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
46 lines (45 loc) • 1.07 kB
TypeScript
import { FunctionComponent, ReactNode } from 'react';
import { BasicComponent } from '../../utils/typings';
export interface TabbarItemProps extends BasicComponent {
/**
* 标签页的标题
* @default -
*/
title: ReactNode
/**
* 自定义图标
* @default -
*/
icon: ReactNode
active: boolean;
activeColor: string;
inactiveColor: string;
index: number;
/**
* 徽标中显示的内容,支持数字、字符和自定义内容
* @default -
*/
value: ReactNode
/**
* 徽标是否为小点
* @default false
*/
dot: boolean
/**
* value 为数值时,最大值
* @default 99
*/
max: number
/**
* 徽标的上下偏移量,支持单位设置,可设置为:5 等
* @default 0
*/
top: string
/**
* 徽标的左右偏移量,支持单位设置,可设置为:5 等
* @default 0
*/
right: string
handleClick: (idx: number) => void;
}
export declare const TabbarItem: FunctionComponent<Partial<TabbarItemProps>>;