概览
以下列出 React Suite 提供的所有组件及工具。
# General
- Button
(按钮)- <Button>
- <ButtonGroup>
- <IconButton>
- Icon
(图标)- <Icon>
- Tooltip
(文字提示)- <Tooltip>
- <Whisper>
- Popover
(弹出框)- <Popover>
- <Whisper>
- Alert
(提醒框)- <Alert>
- Notification
(通知框)- <Notification>
- Message
(消息框)- <Message>
- Loader
(加载器)- <Loader>
- Modal
(模态框)- <Modal>
- <Modal.Header>
- <Modal.Body>
- <Modal.Footer>
- Drawer
(抽屉)- <Drawer>
- <Drawer.Header>
- <Drawer.Body>
- <Drawer.Footer>
- Divider
(分割线)- <Divider>
- Progress
(进度条)- <Progress.Line>
- <Progress.Circle>
- Placeholder
(占位符)- <Placeholder.Graph>
- <Placeholder.Grid>
- <Placeholder.Paragraph>
# Navigation
- Dropdown
(下拉菜单)- <Dropdown>
- <Dropdown.Item>
- <Dropdown.Menu>
- Nav
(导航)- <Nav>
- <Nav.Item>
- <Nav.Dropdown>
- Navbar
(导航栏)- <Navbar>
- <Navbar.Header>
- <Navbar.Brand>
- <Navbar.Body>
- Sidenav
(侧导航)- <Sidenav>
- <Sidenav.Header>
- <Sidenav.Body>
- Steps
(步骤条)- <Steps>
- <Steps.Item>
- Pagination
(分页)- <Pagination>
- Breadcrumb
(面包屑)- <Breadcrumb>
- <Breadcrumb.Item>
# Layout
- Grid
(栅格)- <Grid>
- <Row>
- <Col>
- FlexboxGrid
(弹性栅格)- <FlexboxGrid>
- <FlexboxGrid.Item>
- Container
(容器布局)- <Container>
- <Header>
- <Footer>
- <Content>
- <Sidebar>
# Data Entry
- Form
(表单)- <Form>
- <FormControl>
- <FormGroup>
- <ControlLabel>
- <HelpBlock>
- Checkbox
(复选框)- <Checkbox>
- <CheckboxGroup>
- Radio
(单选框)- <Radio>
- <RadioGroup>
- Input
(输入框)- <Input>
- <InputGroup>
- <InputGroup.Button>
- <InputGroup.Addon>
- InputNumber
(数字输入框)- <InputNumber>
- AutoComplete
(自动完成控件)- <AutoComplete>
- Toggle
(开关)- <Toggle>
- InputPicker
(输入选择器)- <InputPicker>
- TagPicker
(标签选择器)- <TagPicker>
- SelectPicker
(单项选择器)- <SelectPicker>
- CheckPicker
(多项选择器)- <CheckPicker>
- TreePicker
(树形单项选择器)- <TreePicker>
- CheckTreePicker
(树形多项选择器)- <CheckTreePicker>
- Cascader
(级联选择器)- <Cascader>
- MultiCascader
(级联多项选择器)- <MultiCascader>
- DatePicker
(日期选择器)- <DatePicker>
- DateRangePicker
(日期范围选择器)- <DateRangePicker>
- Slider
(滑动输入控件)- <Slider>
- <RangeSlider>
- Uploader
(上传控件)- <Uploader>
- Rate
(评分)- <Rate>
# Data Display
- Avatar
(头像)- <Avatar>
- Badge
(徽标)- <Badge>
- Table
(表格)- <Table>
- <Table.Column>
- <Table.HeaderCell>
- <Table.Cell>
- <Table.Pagination>
- Tree
(树形控件)- <Tree>
- CheckTree
(树形多选控件)- <CheckTree>
- Panel
(面板)- <Panel>
- <PanelGroup>
- Timeline
(时间轴)- <Timeline>
- <Timeline.Item>
- Tag
(标签)- <Tag>
- List
(列表)- <List>
- <List.Item>
- Calendar
(日历)- <Calendar>
- Carousel
(轮播)- <Carousel>
# Utils
- Schema
(数据模型)- Schema.Model
- Schema.Types
- Affix
(固定位置)- <Affix>
- Animation
(动画)- <Animation.Transition>
- <Animation.Fade>
- <Animation.Bounce>
- <Animation.Slide>
- <Animation.Collapse>
- Portal
(入口)- <Portal>
- DOMHelper
(DOM 助手)- DOMHelper
# CSS Packs
- CSS Reset
(基础样式)