Required Marker

Required Marker 组件是一个简单的必填字段标记，通常显示为红色星号 (*)，用于表示字段是必需的。

Open in

用户注册表单必需字段

用户注册时的必需字段标记，确保用户提供关键信息

邮箱地址*

用户名*

密码*

手机号码*

API 请求参数必需标记

API 文档中的必需参数标记，帮助开发者识别必需字段

userId*- 用户唯一标识符

Authorization*- Bearer Token 认证头

Content-Type*- 请求内容类型

产品信息必需字段

电商产品创建时的必需信息标记

产品名称*

产品价格*

产品分类*

库存数量*

支付信息必需字段

支付处理时的必需信息标记，确保支付安全

支付金额*

货币类型*

支付方式*

订单号*

文件上传必需参数

文件上传接口的必需参数标记

file*- 上传的文件内容

filename*- 文件名称

fileType*- 文件类型

企业认证必需信息

企业用户认证时的必需信息标记

企业名称*

统一社会信用代码*

法人代表*

营业执照*

数据分析查询必需参数

数据分析 API 的必需查询参数标记

startDate*- 查询开始日期

endDate*- 查询结束日期

metrics*- 分析指标类型

系统配置必需项

系统配置更新时的必需配置项标记

系统名称*

管理员邮箱*

数据库连接*

安全密钥*

安装

使用方法

import { RequiredMarker } from "@/components/pivot/required-marker";

<RequiredMarker />

示例

基本用法

<div className="flex items-center gap-1">
  <label>用户名</label>
  <RequiredMarker />
</div>

在表单中使用

<div className="space-y-4">
  <div>
    <label className="flex items-center gap-1 text-sm font-medium">
      邮箱地址
      <RequiredMarker />
    </label>
    <input type="email" className="mt-1 block w-full rounded-md border" />
  </div>
 
  <div>
    <label className="flex items-center gap-1 text-sm font-medium">
      密码
      <RequiredMarker />
    </label>
    <input type="password" className="mt-1 block w-full rounded-md border" />
  </div>
</div>

API 参考

Props

属性	类型	默认值	描述
`className`	`string`	-	额外的 CSS 类名