Components
All components and utils provided by React Suite.
Layout
- Container
- <Container>
- <Header>
- <Footer>
- <Content>
- <Sidebar>
- Divider
- <Divider>
- FlexboxGrid
- <FlexboxGrid>
- <FlexboxGrid.Item>
- Grid
- <Grid>
- <Row>
- <Col>
- Stack
- <Stack>
- <Stack.Item>
- <HStack>
- <VStack>
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>
- Highlight
- <Highlight>
- 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>
Form
- 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>
- 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
- DOMHelper
- Whisper
- <Whisper>
- useMediaQuery
- useMediaQuery
- useBreakpointValue
- useBreakpointValue
Can't find the component you want? Request to add new components