@fruits-chain/react-native-xiaoshu/src/tag/interface.ts

🌈 React Native UI library

import type { ViewProps, ViewStyle, StyleProp, ColorValue } from 'react-native'

import type { TagTheme } from './style'

export type TagSize = 'l' | 'm' | 's'
export type TagType = 'primary' | 'hazy' | 'ghost'
export interface TagProps extends ViewProps {
  theme?: Partial<TagTheme>
  /**
   * 内部包裹层样式，可以对文案、图标排版影响
   */
  innerStyle?: StyleProp<ViewStyle>
  /**
   * 是否为可关闭标签
   * @default false
   */
  closable?: boolean
  /**
   * 关闭时的回调
   */
  onClose?: () => void
  /**
   * 大小
   * @default 'm'
   */
  size?: TagSize
  /**
   * 类型
   *
   * @default 'primary'
   */
  type?: TagType
  /**
   * 是否显示标签
   * @default true
   */
  visible?: boolean
  /**
   * 标签色
   */
  color?: ColorValue
  /**
   * 按钮文案颜色
   */
  textColor?: ColorValue
  /**
   * 自定义关闭按钮
   */
  closeIcon?: React.ReactNode
  /**
   * 自定义图标
   */
  icon?: React.ReactNode
  /**
   * 细边框
   */
  hairline?: boolean
}