组件
以下列出 React Suite 提供的所有组件及工具。
Layout
- Container
(容器布局)- <Container>
- <Header>
- <Footer>
- <Content>
- <Sidebar>
- FlexboxGrid
(弹性栅格)- <FlexboxGrid>
- <FlexboxGrid.Item>
- Grid
(栅格)- <Grid>
- <Row>
- <Col>
- Stack
(堆叠)- <Stack>
- <Stack.Item>
Buttons
- Button
(按钮)- <Button>
- <ButtonGroup>
- IconButton
(图标按钮)- <IconButton>
Status
- Badge
(徽标)- <Badge>
- Loader
(加载器)- <Loader>
- Message
(消息框)- <Message>
- Notification
(通知框)- <Notification>
- Progress
(进度条)- <Progress.Line>
- <Progress.Circle>
- Placeholder
(占位符)- <Placeholder.Graph>
- <Placeholder.Grid>
- <Placeholder.Paragraph>
- Toaster
(轻量弹窗)- useToaster
Typography
- Heading
(标题)- <Heading>
- Text
(文本)- <Text>
Overlays
- Drawer
(抽屉)- <Drawer>
- <Drawer.Header>
- <Drawer.Body>
- <Drawer.Footer>
- Dropdown
(下拉菜单)- <Dropdown>
- <Dropdown.Item>
- <Dropdown.Menu>
- Modal
(模态框)- <Modal>
- <Modal.Header>
- <Modal.Body>
- <Modal.Footer>
- Popover
(弹出框)- <Popover>
- Tooltip
(工具提示框)- <Tooltip>
Navigation
- Affix
(固定位置)- <Affix>
- Breadcrumb
(面包屑)- <Breadcrumb>
- <Breadcrumb.Item>
- Nav
(导航)- <Nav>
- <Nav.Item>
- <Nav.Menu>
- Navbar
(导航栏)- <Navbar>
- <Navbar.Brand>
- Sidenav
(侧导航)- <Sidenav>
- <Sidenav.Header>
- <Sidenav.Body>
- Steps
(步骤条)- <Steps>
- <Steps.Item>
- Pagination
(分页)- <Pagination>
Media and icons
- Avatar
(头像)- <Avatar>
- <AvatarGroup>
- Icon
(图标)- <Icon>
From
- Form
(表单)- <Form>
- <Form.Group>
- <Form.Control>
- <Form.ControlLabel>
- <Form.HelpText>
- <Form.ErrorMessage>
- Form Validation
(表单校验)- <Form>
- <Form.Control>
- <Schema>
Data Entry
- AutoComplete
(自动完成控件)- <AutoComplete>
- Cascader
(级联选择器)- <Cascader>
- CascadeTree
(级联树)- <CascadeTree>
- CheckPicker
(多项选择器)- <CheckPicker>
- CheckTreePicker
(树形多项选择器)- <CheckTreePicker>
- CheckTree
(树形多选控件)- <CheckTree>
- Checkbox
(复选框)- <Checkbox>
- <CheckboxGroup>
- DateInput
(日期输入框)- <DateInput>
- DatePicker
(日期选择器)- <DatePicker>
- DateRangeInput
(日期范围输入框)- <DateRangeInput>
- DateRangePicker
(日期范围选择器)- <DateRangePicker>
- Input
(输入框)- <Input>
- <InputGroup>
- <InputGroup.Button>
- <InputGroup.Addon>
- <MaskedInput>
- InputNumber
(数字输入框)- <InputNumber>
- InputPicker
(输入选择器)- <InputPicker>
- InlineEdit
(行内编辑)- <InlineEdit>
- MultiCascader
(级联多项选择器)- <MultiCascader>
- MultiCascadeTree
(多选级联树)- <MultiCascadeTree>
- Radio
(单选框)- <Radio>
- <RadioGroup>
- RadioTile
(磁贴单选)- <RadioTile>
- <RadioTileGroup>
- Rate
(评分)- <Rate>
- SelectPicker
(单项选择器)- <SelectPicker>
- Slider
(滑动输入控件)- <Slider>
- <RangeSlider>
- TagPicker
(标签选择器)- <TagPicker>
- TagInput
(标签输入)- <TagInput>
- Toggle
(开关)- <Toggle>
- TreePicker
(树形单项选择器)- <TreePicker>
- Tree
(树形控件)- <Tree>
- Uploader
(上传控件)- <Uploader>
Data Display
- Calendar
(日历)- <Calendar>
- Carousel
(轮播)- <Carousel>
- Divider
(分割线)- <Divider>
- List
(列表)- <List>
- <List.Item>
- Table
(表格)- <Table>
- <Table.Column>
- <Table.HeaderCell>
- <Table.Cell>
- Tag
(标签)- <Tag>
- Timeline
(时间轴)- <Timeline>
- <Timeline.Item>
- Panel
(面板)- <Panel>
- <PanelGroup>
Disclosure
- Accordion
(手风琴)- <Accordion>
- <Accordion.Item>
- Tabs
(选项卡)- <Tabs>
- <Tabs.Tab>
- VisuallyHidden
(视觉隐藏)- <VisuallyHidden>
Utilities
- Animation
(动画)- <Animation.Transition>
- <Animation.Fade>
- <Animation.Bounce>
- <Animation.Slide>
- <Animation.Collapse>
- CustomProvider
(个性化配置)- CustomProvider
- DOMHelper
(DOM 助手)- DOMHelper
- Whisper
(弹窗触发器)- <Whisper>
- useMediaQuery
- useMediaQuery