0 && count} />; // nothing to show (null, undefined, false, '') draws no badge; 0 is shown
; // an
; hide it from screen readers when it is only a line
; // or any content
; // the Link of the router, with its props
```
- 三者都取其元素的属性(`id`, (中文(简体) ), `data-*`, (中文(简体) ), `aria-*`, (中文(简体) ), `ref`(......),以及 您提供的课目在课后添加.
- `GradientText` 带 `text` **或者说** `children`,而不是两者(编译器如此说). 强制颜色模式 (Windows 高对比度),如果未绘制梯度,则文字取取系统的颜色 而不是消失.
### 线性渐变
```tsx
import { LinearGradient } from '@beautinique/frontend-components/linear-gradient';
{/* the scrolling content */}
;
```
一个边上背景颜色的淡出( A)`top`, (中文(简体) ), `bottom`, (中文(简体) ), `left` 或者说 `right`页:1 `relative` 容器:它显示还有更多的可以滚动。 这是装饰:指针穿过它 辅助技术跳过.
### 步进
```tsx
import { Stepper } from '@beautinique/frontend-components/stepper';
setStep(index)} // optional: with it the steps are buttons
>
{/* optional: shown under the steps */}
;
```
- 步骤是命令列表,而目前的步骤是 `aria-current="step"`。完成的步骤显示 勾选,然后向屏幕阅读器表示“已完成”(`completedLabel` 以另一个词).
- `activeStep` 保存在阶梯内(`99` 是最后一个, `NaN` (第一组).
- 与 `onStepClick` 步骤是真正的按钮(键盘,焦点环); 步骤 `disabled` 无法是 点击。 没有它,任何在阶下是按钮.
- 勾选框与套件捆绑在一起(在步入时用图标注册),所以不需要 腾讯网. 这个 `icon` 步骤是图标化名称,以图标化其首次显示时的下载; 在应用程序中添加 `addCollection`。 。 。 .
### 重新发送
```tsx
import { Resend } from '@beautinique/frontend-components/resend';
= 3 ? 0 : 30} // seconds to wait; 0 = no wait
onResend={handleResendOtp} // may return a promise
/>;
```
- "30s后续",而当等待超过一个按钮. 当组件显示并 每次重播后, 以 `count` 那一刻 一个新的电子邮件地址? 给它一个新的 `key`。 。 。 .
- **它与时钟相对**,不逐一计数:背景标签或笔记本 睡觉,不会让人们等待的时间 超过真正过去的时间.
- 若为 `onResend` 返回按键等待的保证( 已失效, “ 发送... ” , 不双击) 等待在它决定的时候开始。 如果拒绝没有等待,可以按下按钮 重新报告错误 `window` (单位:千美元)`reportError`) (中文(简体) ). 处理您可以弥补的错误 从里面.
- 屏幕读取器没有每隔一秒被告知号码(`role="timer"`),但当 按钮回来了。 该词( :`resendLabel`, (中文(简体) ), `countdownLabel`, (中文(简体) ), `sendingLabel`, (中文(简体) ), `readyLabel`, (中文(简体) ), `formatSeconds`)可以为另一种语言所更改.
### 主题
```tsx
import { Theme } from '@beautinique/frontend-components';
import { createThemeStore } from '@beautinique/frontend-stores';
export const useThemeStore = createThemeStore(); // once, in a module of the app
;
```
在黑暗和光的主题之间切换的按钮( 太阳在黑暗时, 月亮在黑暗时) 轻而易举)。 它只改变商店,它记得选择; 将主题放入页面是 应用的。 其辅助技术名称跟随主题("Switch to light主题"; `labels` 变动 ),("论语". 图标会移动; 对于一个要求减少运动的人(`prefers-reduced-motion`这 仍然显示.
### 滚动到托普
```tsx
import { ScrollToTop } from '@beautinique/frontend-components';
const { pathname } = useLocation(); // from the router of the app
;
```
将元素滚动至 `id="main"` 每次到顶端 `pathname` 更改( 路由器不这样做 ) 单页应用). 画一无所取. `id`, (中文(简体) ), `behavior`, (中文(简体) ), `block` 财务报告和审定财务报表 `inline` 这是 `id` 会 议 日 程 和 议 程 要素和选项 `scrollIntoView` (单位:千美元)`'auto'`, (中文(简体) ), `'start'` 财务报告和审定财务报表 `'nearest'` 除非告诉别人否则; (单位:千美元) `'smooth'` 滚动绘制 `'auto'` 对于一个要求减少动议的人来说. `skipInitial` 离开 首页所在位置(当浏览器重载时恢复卷轴时).
### 自动指令
```tsx
import { AuthBottomInstructions } from '@beautinique/frontend-components/auth';
import { Link } from 'react-router-dom';
;
// "By continuing, you agree to our Terms & Conditions and Privacy Policy."
```
小指印以入为正. `as` 是什么使链接(`'a'` 除非告诉别人 `'a'` 编译器要求 `href`, (中文(简体) ), `terms` 财务报告和审定财务报表 `privacy` 是这些链接的道具. `termsLabel`, (中文(简体) ), `privacyLabel` 财务报告和审定财务报表 `message` 改为:
```tsx
(
<>
Entering means you accept our {terms} and our {privacy}.
)}
/>
```
### 投入(`Input`, (中文(简体) ), `Textarea`, (中文(简体) ), `Checkbox`, (中文(简体) ), `Radio`, (中文(简体) ), `Select`(中文(简体) )
```tsx
import { Input, Select } from '@beautinique/frontend-components';
;
;
```
标签坐落在字段的边界上,是它的名称(它与字段相连的有它 `id`(a) 减少 `error` 称为 当它出现并标记出球场时 `aria-invalid`。一个做一些事情的图标(`onClick`(a) 划入a 真实 `