phammead-bulleted-list - (英语) (英语) 
说明
这个 BulletedList 组件是用于右向左和左向右语言的有样式的圆形(未排序)列表.
安装
npm install @bbc/psammead-bulleted-list --save
道具
| 参数 | 类型 | 需求 | 默认 | 示例 |
|---|---|---|---|---|
| 目录 | 字符串 | 没有 | 'ltr' | 一个 'rtl' 'ltr' |
| 脚本 | 脚本 | 对 | 不详 | {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: |
| 服务 | 字符串 | 对 | 不详 | 'news' |
| 点形状 | 'round' 或者说 'square' | 没有 | 不详 | 'round' |
| 点颜色 | CSS 颜色 | 没有 | '#3F3F42' | '#ff0000' |
使用量
使用 BulletedList 改为: ul 带有所需道具和 BulletedListItem 替换 li。 。 。 .
import BulletedList, { BulletedListItem } from '@bbc/psammead-bulleted-list';
const props = {
dir: 'ltr',
script: latin,
service: 'news',
bulletPointShape: 'round', // or 'square'
};
<BulletedList {...props}>
<BulletedListItem>A list item</BulletedListItem>
<BulletedListItem>Another item</BulletedListItem>
</BulletedList>
何时使用此组件
BulletedLists 可以在需要标准 GEL 无序列表时使用.
不使用此组件时
当您需要定制子弹时,这是不理想的。 使用标准 <ul> 而不是如果你需要 样式你的子弹.
无障碍说明
-
子弹在里面
psammead-bulleted-lists不被屏幕阅读器读取,使用伪元素生成. -
由于 VoiceOver 错误, 我们已经在相应项目中添加了角色列表和角色列表项目以恢复列表语义
捐款
Psammead完全开源. 我们感谢任何贡献,无论是新的组件、错误修正还是总体改进。 请参看我们的主要贡献指南,可查阅: psammead 仓库的根。 。 。 .
行为守则
我们欢迎对这项工作的反馈和帮助。 通过参与这个项目,你同意遵守 行为守则请稍候再读一下.
许可证
萨姆米德 Apache 2.0 许可。 。 。 .