分割器组件
用于显示带有可选文本的横向分隔符的响应组件.
安装
npm install @bolttech/frontend-foundations @bolttech/atoms-divider
或者说
yarn add @bolttech/frontend-foundations @bolttech/atoms-divider
道具
这个 Divider 组件接受以下属性:
| Prop | 类型 | 说明 |
|---|---|---|
| 数据测试 | string | 这个 data-testid 用于测试的属性. |
| 文本 | string | 在分隔符中显示的文本 . |
| 无铺垫 | boolean | 若为 true分裂者不会有垫子. |
使用量
import React from 'react';
import {Divider} from '@bolttech/atoms-divider';
import {bolttechTheme, BolttechThemeProvider} from "@bolttech/frontend-foundations";
const ExampleComponent = () => {
return (
<BolttechThemeProvider theme={bolttechTheme}>
<Divider
dataTestId="custom-divider"
text="Custom Divider"
withoutPadding={false}
/>
</BolttechThemeProvider>
);
};
export default ExampleComponent;
捐款
欢迎捐款! 对于任何错误修正、改进或新特性,请打开一个 问题 或者提交拉动请求.
请在提交前遵循代码标准并测试您的更改 .