List groups 列出组 bootstrap react

pencil 26天前 23

列表组是显示一系列内容的灵活而强大的组件。修改和扩展它们以支持其中的任何内容。
Active items 活动项目
设置活动属性以指示当前活动选择的列表组。
Disabled items 禁用的项目
设置禁用的属性以防止对<ListGroup.Item>执行操作。对于不能自然禁用的元素(如锚点),添加了onClick处理程序,调用preventDefault来模仿禁用的行为。
Actionable items 可操作项目
切换动作道具以创建具有禁用、悬停和活动样式的可操作列表组项。默认情况下,列表项操作将呈现<button>或<a>(取决于是否存在href),但可以通过像往常一样设置as prop来覆盖。
列表项操作不同于普通项,以确保单击或点击提供不会应用于非交互项。
Flush
添加flush变量以移除外部边框和圆角,从而在父容器(如卡片)中边对边呈现列表组项。
Horizontal 水平
使用水平道具使列表组水平呈现。当前水平列表组不能与刷新列表组组合。
Contextual classes 上下文类
使用<ListGroup.Item>s上的上下文变量,使用有状态的背景和颜色设置样式。
Tabbed Interfaces 选项卡式接口
您还可以使用Tab组件创建与<ListGroup>组件兼容的ARIA tabbable接口。将列表组的<Nav>组件调出,就可以开始了。
API
ListGroup
ListGroup.Item

最新回复 (0)
返回
发新帖