Components

All components and hooks provided by React Suite.

Layout

<Container>
<Header>
<Footer>
<Content>
<Sidebar>

<Divider>

<FlexboxGrid>
<FlexboxGrid.Item>

<Grid>
<Row>
<Col>

<Stack>
<Stack.Item>
<HStack>
<VStack>

Buttons

<Button>

<IconButton>

<ButtonGroup>
<ButtonToolbar>

Status

<Badge>

<Loader>

<Message>

<Notification>

<Progress.Line>
<Progress.Circle>

<Placeholder.Graph>
<Placeholder.Grid>
<Placeholder.Paragraph>

useToaster

Typography

<Heading>

Supported from version 5.58.0

<Highlight>

Supported from version 5.61.0

<Text>

Supported from version 5.58.0

Overlays

<Drawer>
<Drawer.Header>
<Drawer.Body>
<Drawer.Footer>

<Dropdown>
<Dropdown.Item>
<Dropdown.Menu>

<Modal>
<Modal.Header>
<Modal.Body>
<Modal.Footer>

<Popover>

<Tooltip>

Modal Integrations

<Affix>

<Breadcrumb>
<Breadcrumb.Item>

<Nav>
<Nav.Item>
<Nav.Menu>

<Navbar>
<Navbar.Brand>

<Sidenav>
<Sidenav.Header>
<Sidenav.Body>

<Steps>
<Steps.Item>

<Pagination>

Media and icons

<Avatar>
<AvatarGroup>

<Icon>

<Image>

Supported from version 5.76.0

Form

<Form>
<Form.Group>
<Form.Control>
<Form.ControlLabel>
<Form.HelpText>
<Form.ErrorMessage>

Form Validation

<Form>
<Form.Control>
Schema

React Hook Form

Data Entry

<AutoComplete>

<Cascader>

<CascadeTree>

Supported from version 5.56.0

<CheckPicker>

CheckTreePicker

<CheckTreePicker>

<CheckTree>

<Checkbox>
<CheckboxGroup>

<Input>
<InputGroup>
<InputGroup.Button>
<InputGroup.Addon>
<MaskedInput>

<InputNumber>

<InputPicker>

<InlineEdit>

Supported from version 5.54.0

<MultiCascader>

MultiCascadeTree

<MultiCascadeTree>

Supported from version 5.56.0

<Radio>
<RadioGroup>

<RadioTile>
<RadioTileGroup>

Supported from version 5.35.0

<Rate>

<SelectPicker>

<Slider>
<RangeSlider>

<TagPicker>

<TagInput>

<Toggle>

<TreePicker>

<Tree>

<Uploader>

Date and Time

<Calendar>

<DateInput>

Supported from version 5.48.0

<DatePicker>

<DateRangeInput>

Supported from version 5.49.0

DateRangePicker

<DateRangePicker>

<TimePicker>

Supported from version 5.72.0

TimeRangePicker

<TimeRangePicker>

Supported from version 5.72.0

Data Grid

<Table>
<Table.Column>
<Table.ColumnGroup>
<Table.HeaderCell>
<Table.Cell>

Table Virtualized

Data Display

<Card>
<Card.Header>
<Card.Body>
<Card.Footer>
<CardGroup>

Supported from version 5.75.0

<Carousel>

<List>
<List.Item>

<Stat>
<Stat.Label>
<Stat.ValueText>
<Stat.ValueUnit>
<Stat.HelpText>
<Stat.Trend>

Supported from version 5.75.0

<Tag>

<Timeline>
<Timeline.Item>

<Panel>
<PanelGroup>

Disclosure

<Accordion>
<Accordion.Item>

Supported from version 5.52.0

<Tabs>
<Tabs.Tab>

Supported from version 5.53.0

<VisuallyHidden>

Supported from version 5.52.0

Utilities

<Animation.Transition>
<Animation.Fade>
<Animation.Bounce>
<Animation.Slide>
<Animation.Collapse>

CustomProvider

DOMHelper

<Whisper>

useMediaQuery

Unstable 🧪

useBreakpointValue

useBreakpointValue

Unstable 🧪

Supported from version 5.63.0

Can't find the component you want? Request to add new components