Skip to main content

Bootstrap components

Bootstrap 6 provides a comprehensive set of responsive interface components. This catalog mirrors the upstream component groups and links the wrappers available in Idea React to their local guides. Components without a React wrapper link to the official Bootstrap documentation.

Built-in wrappers

ComponentIdea React guideNotes
AvatarAvatarImage or initials avatars with status and stacks
BadgeBadgeThemed status labels and counters
ButtonButtonNative buttons and links with themes
Button groupButton groupGrouped buttons, toolbars, and toggle groups
CardCardFlexible content containers with headers and footers
Close buttonClose buttonDismiss controls for overlays and drawers
DialogDialogNative dialog element and promise-based model
DrawerDrawerEdge-aligned dialogs for navigation and panels
GridGridContainers, rows, and responsive columns
ImageImageResponsive images and thumbnails
List groupList groupStacked content, actions, variants, and layouts
MenuMenuKeyboard-accessible contextual menus
NavNavTabs, pills, underline, and vertical navigation
NavbarNavbarResponsive navigation landmark
Popover and tooltipOverlay boxHover, focus, and click triggers
SpinnerSpinnerBorder and growing loading indicators
TableTableOpt-in table styles, variants, and responsive layout
ToastsToastsThemed notifications with dismissal

All Bootstrap components

Accordion, Alert, Avatar, Badge, Breadcrumb, Button, Button group, Card, Carousel, Close button, Collapse, Dialog, Drawer, List group, Menu, Nav, Nav overflow, Navbar, Pagination, Placeholder, Popover, Progress, Scrollspy, Spinner, Stepper, Tab, Toasts, Toggler, and Tooltip.

Idea React extensions

Idea React also includes components without a direct Bootstrap equivalent. See the extension catalog for the complete public component list and quick descriptions.

The component guides adapt the corresponding Bootstrap 6 alpha documentation for this library. Bootstrap documentation is licensed under CC BY 3.0; each guide links to its upstream source.