[comp: divider]: feature divider component
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
What problem does this feature solve?
- 支持水平、垂直两种分割线(默认为水平分割线);
- 支持分割线中显示文字(垂直分割线不支持显示文字);
- 支持分割线文字显示在左、中、右(默认为中间)三种位置;
- 支持分割线文字显示为正常文本格式(默认为粗体);
- 支持分割线样式为虚线;
What does the proposed API look like?
ix-divider
| 参数 | 说明 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|
| dashed | 是否虚线 | boolean | false | - |
| plain | 文字是否显示为普通正文样式 | boolean | false | - |
| position | 文字显示位置 | left | center | right |
center |
文字显示的位置有三种默认位置;垂直分割线文字不作样式处理。 |
| type | 水平分割线还是垂直分割线 | horizontal| vertical |
horizontal |
- |
| text | 分割线显示的文字 | slot |
- | - |
Issue Analytics
- State:
- Created 3 years ago
- Reactions:2
- Comments:21 (17 by maintainers)
Top Results From Across the Web
How to use Divider Component in ReactJS? - GeeksforGeeks
A divider is a thin line that groups content in lists and layouts. Material UI for React has this component available for us,...
Read more >feature divider component · Issue #32 · IDuxFE/idux - GitHub
I have searched the issues of this repository and believe that this is not a duplicate. What problem does this feature solve? 支持水平、垂直两种分割线(默认 ......
Read more >React Divider component - Material UI - MUI
Divider. A divider is a thin line that groups content in lists and layouts. Dividers separate content into clear groups.
Read more >Ergotron - Mounting component (shelf divider kit ( 5 ... - SHI
Description, Ergotron - Mounting component (shelf divider kit ( 5 dividers )) - cart mountable. Manufacturer, Ergotron. MSRP, $25.00. UNSPSC, 31162313 ...
Read more >Separator - Components - Twilio Paste
The Separator component can be used to create visual and semantic separation between UI elements or sections.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

@huangtenghui @danranVm 已经修改了 API
position希望能支持具体的位置,百分比这种,单单左中右满足不了使用场景,如图: