Components - Table of Contents ​

Easily toggle content visibility on your pages. Includes support for making accordions

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages

Custom component typically used to display a user profile as a picture, an icon, or short text

Small and adaptive tag for adding context to just about any content

Indicate the current page's location within a navigational hierarchy.

Custom button component for actions in forms, dialogs, and more

Group a series of buttons on a single line or stack them in a vertical column

Group a series of button-groups and/or input-groups together on a single line

A flexible and extensible content container. It includes options for headers and footers, a wide variety of content

A slideshow component for cycling through elements—images or slides of text—like a carousel

Easily toggle visibility of almost any content on your pages in a vertically collapsing container

Toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format

Form component and helper components that optionally support inline form styles and validation states

Custom checkbox input and checkbox group to replace the browser default checkbox input, built on top of semantic and accessible markup. Optionally supports switch styling

The easiest way to add some structure to forms

Create various type inputs such as text, password, number, URL, email, search, range, date, and more

Bootstrap's custom radio input to replace the browser default radio input.

Bootstrap custom select using custom styles

Lightweight custom tagged input form control, with options for customized interface rendering, duplicate tag detection, and optional tag validation

Create multi-line text inputs with support for auto height sizing, minimum and maximum number of rows, and contextual states

Lightweight utility components for making a flexible, responsive user interface

Image component with responsive behavior

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.

A simple wrapper for standard navigation components

A flexible and powerful component for displaying a series of content. List Group items can be modified to support just about any content within

Modals are flexible dialog, interruptive, prompts that can support a variety of use cases

The Nav component is a simple wrapper for building navigation components

The Navbar is typically the central location for branding, navigation, and other elements on the header

Offcanvas components are hidden sidebars for your app, usually opened by some event

Visually obscure a particular element or component and its content

Quick first, previous, next, last, and page buttons for pagination control of another component

Placeholder components can create a unique appearance to indicate something may still be loading

Popover provides a tooltip behavior over another component

A custom progress component for displaying simple or complex progress bars, featuring support for horizontally stacked bars, animated backgrounds, and text labels

The spinner component can be used to show the loading state in your projects. They're rendered only with basic HTML and CSS as a lightweight Vue functional component.

For displaying tabular data. Table supports pagination, filtering, sorting, custom rendering, events, and asynchronous data. For a simple display of tabular data without all the fancy features, use TableSimple

Create a widget of tabbable panes of local content

Push notifications to your visitors with a toast, a lightweight and easily customizable alert message