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

React Native UI library

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

export interface TagProps extends ViewProps {
  /**
   * 文字包裹，实现类似 `inline-block`
   */
  innerStyle?: StyleProp<ViewStyle>

  /**
   * 文字样式
   */
  textStyle?: StyleProp<TextStyle>

  /**
   * 类型，可选值为 `'default' | 'primary' | 'success' | 'error' | 'warning'`
   *
   * @default 'default'
   */
  type?: 'default' | 'primary' | 'success' | 'error' | 'warning'

  /**
   * 大小
   */
  size?: 'large' | 'medium' | 'small'

  /**
   * 标签颜色
   */
  color?: string

  /**
   * 外观类型，可选值 `'ghost' | 'fill' | 'flat'`
   *
   * @default 'fill'
   */
  outward?: 'ghost' | 'fill' | 'flat'

  /**
   * 是否为圆角样式
   *
   * @default false
   */
  round?: boolean

  /**
   * 是否为标记样式
   *
   * @default false
   */
  mark?: boolean

  /**
   * 文本颜色，优先级高于 color 属性
   * @default '#fff'
   */
  textColor?: string

  /**
   * 是否为可关闭标签
   * @default false
   */
  closeable?: boolean

  /**
   * 点击关闭图标
   */
  onPressClose?: () => void

  /**
   * 是否使用 0.5px 线
   * @default true
   */
  hairline?: boolean
}