Skip to content

Components ​

The following component families are currently exported by @mrksbnc/bamboo-vue. Compound primitives are documented together where they share one interaction model.

ComponentDescription
bo-accordionSingle or multiple expandable sections.
bo-alertContextual feedback and temporary notifications.
bo-aspect-ratioContainer that preserves a configurable aspect ratio.
bo-avatarUser image, initials, indicator, size, and shape presentation.
bo-badgeCompact status, tag, and label treatment.
bo-breadcrumbHierarchical navigation trail.
bo-buttonActions and form submission controls.
bo-button-groupGrouped buttons with orientation and selection state.
bo-calendarMonth grid with date selection and constraints.
bo-carouselControlled responsive content carousel.
bo-cardHeader, content, media, and footer surface.
bo-chartResponsive SVG charts for common data visualizations.
bo-checkboxBoolean input with label and helper states.
bo-collapsibleDisclosure control for showing and hiding content.
bo-context-menuPointer and keyboard context menu.
bo-date-pickerSingle date, range calendar, and range picker primitives.
bo-dialogModal dialog surface.
bo-drawerResponsive side or bottom overlay surface.
bo-dropdownAction menu with groups, separators, and destructive items.
bo-dropzoneDrag-and-drop file selection.
bo-emptyEmpty-state layout with media and actions.
bo-file-inputNative file selection with validation and file rows.
bo-formForm and form-field primitives.
bo-iconSVG icon with size and color support.
bo-inputText, password, email, and other native input types.
bo-input-otpSegmented one-time-password input.
bo-loading-pulseCompact pulsing loading indicator.
bo-loading-spinnerRotating loading indicator.
bo-loading-ringIntersecting-ring loading indicator.
bo-menubarHorizontal menu bar with keyboard navigation.
bo-modalImperative or declarative modal overlay.
bo-navbarTop-to-bottom responsive navigation shell.
bo-number-fieldNumeric input with increment and decrement controls.
bo-paginationPage navigation control.
bo-popoverPositioned arbitrary content surface.
bo-progressDeterminate progress indicator.
bo-radio-groupSingle-choice radio group.
bo-resizableResizable panel layout.
bo-scroll-areaScrollable content region.
bo-separatorVisual or semantic content separator.
bo-skeletonLoading placeholder surface.
bo-sliderKeyboard-accessible range slider.
bo-switchBoolean switch control.
bo-tabsKeyboard-accessible tablist and panels.
bo-tags-inputMultiple token entry control.
bo-textTypography primitive.
bo-textareaMulti-line text input.
bo-toastTemporary feedback notification.
bo-toggleSingle pressed/unpressed action toggle.
bo-toggle-groupSingle or multiple toggle selection.
bo-tooltipContextual popup description.
bo-visually-hiddenVisually hidden accessible content.

Released under the MIT License.