Idea React extensions
Idea React complements Bootstrap 6 with reusable React and MobX components. Each extension has its own guide, linked below with its primary purpose.
| Export | Guide | Purpose |
|---|---|---|
ClickBoundary | Click boundary | Detects clicks outside a component boundary |
CodeBlock | Code block | Syntax-highlighted code block |
Countdown | Countdown | Renders a countdown from a target time |
Editor | Editor | Rich text editor powered by Editor.js |
EditorHTML | Editor HTML | Converts Editor.js data to HTML |
HorizontalMarquee | Horizontal marquee | Horizontally scrolls overflowing content |
Icon | Icon | Bootstrap Icons font wrapper |
LiveTSX | Live TSX | Renders editable or evaluated TSX examples |
Loading | Loading | Full-page loading overlay |
MonthCalendar | Month calendar | Interactive month grid with selectable date entries |
Nameplate | Nameplate | Displays a person with an avatar and name |
PageNav | Page nav | Builds a table of contents from page headings |
ScrollNav | Scroll nav | Horizontally scrollable navigation |
Select and Option | Select | Accessible menu-backed value selector |
ShareBox | Share box | Captures content as a shareable image |
SpinnerButton | Spinner button | Button with an inline loading indicator |
TableSpinner | Table spinner | Loading row for a data table |
TextTruncate | Text truncate | Expands and collapses long text |
Time | Time | Formats a date or time value |
TimeDistance | Time distance | Displays relative time distance |
Timeline | Timeline | Presents chronological events |
TypeEcho | Type echo | Animates typed text |
UserRankView | User rank | Displays ranked users |
VerticalMarquee | Vertical marquee | Vertically scrolls overflowing content |
ZodiacBar | Zodiac bar | Displays zodiac signs for a year range |
Core Bootstrap component wrappers are documented in the component catalog. Source files and public API types are available in the API reference.