wizard-ui
  • 首页
  • 开始
  • 组件

      通用

    • Color 颜色
    • Grid 栅格
    • Font 字体

      组件

    • List-group 列表组
    • Notification 通知提醒框
    • VirtualSelectBox 滚动下拉
    • Popovers 气泡卡片
    • InputDropdown Input 下拉框
    • Grid 布局系统
    • VirtualList 滚动加载
    • Clearfix 清除修订
    • MenuItem 菜单项
    • NavItem 导航条目
    • Nav 导航
    • NavDropdown 导航条
    • Alert 警告提示
    • DatePicker 日期选择器
    • Breadcrumb 面包屑
    • Navbar 导航条
    • Dropdown 下拉框
    • PanelGroup 面板组
    • Panel 面板
    • Well 消息墙
    • RangePicker 区间时间选择框
    • Icon 图标
    • Navigation 导航栏
    • Pagination 分页
    • DropdownButton 下拉框
    • SubMenu 级连菜单
    • TimePicker 时间选择框
    • Modal 对话框
    • Tree 树级组件
    • Switch 开关
    • Tabs 选项卡
    • Steps 步骤条
    • Button 按钮
    • Loader 加载器
    • UsageBar 使用量
    • Tooltip 文字提示
    • Badges 徽标数

Dropdown 下拉框

2019-08-13lijianxin1202

在用户点击标题后展示详细内容供用户操作

使用方式#

点击标题后弹出详细内容,再次点击隐藏详细内容

基本用法#

点击标题后弹出内容:

API#

参数类型默认值说明
classNamestring-元素 class 名称 string
titlestring-下拉框收起时展示内容 string
idstring'CustomDropdown'元素 id,默认为 CustomDropdown string
childrennode-下拉框展开时详细内容 React.ReactNode
← Navbar 导航条PanelGroup 面板组 →
使用方式
基本用法
API