Skip to main content

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.

ExportGuidePurpose
ClickBoundaryClick boundaryDetects clicks outside a component boundary
CodeBlockCode blockSyntax-highlighted code block
CountdownCountdownRenders a countdown from a target time
EditorEditorRich text editor powered by Editor.js
EditorHTMLEditor HTMLConverts Editor.js data to HTML
HorizontalMarqueeHorizontal marqueeHorizontally scrolls overflowing content
IconIconBootstrap Icons font wrapper
LiveTSXLive TSXRenders editable or evaluated TSX examples
LoadingLoadingFull-page loading overlay
MonthCalendarMonth calendarInteractive month grid with selectable date entries
NameplateNameplateDisplays a person with an avatar and name
PageNavPage navBuilds a table of contents from page headings
ScrollNavScroll navHorizontally scrollable navigation
Select and OptionSelectAccessible menu-backed value selector
ShareBoxShare boxCaptures content as a shareable image
SpinnerButtonSpinner buttonButton with an inline loading indicator
TableSpinnerTable spinnerLoading row for a data table
TextTruncateText truncateExpands and collapses long text
TimeTimeFormats a date or time value
TimeDistanceTime distanceDisplays relative time distance
TimelineTimelinePresents chronological events
TypeEchoType echoAnimates typed text
UserRankViewUser rankDisplays ranked users
VerticalMarqueeVertical marqueeVertically scrolls overflowing content
ZodiacBarZodiac barDisplays 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.