Home / Extensions / Bootstrap / Interactive Components
Bootstrap 5.3

Interactive Components

Accordions, dropdowns, modals, tooltips, popovers, toasts, collapse, and offcanvas panels

Accordion

Collapsible content panels for showing and hiding sections:

Basic Accordion

Oorian is a server-side Java web framework that lets you build interactive web applications entirely in Java, without writing JavaScript.

You write Java classes that define your pages, components, and event handlers. Oorian renders the HTML and manages client-server communication automatically.

Oorian is free for non-commercial use. Commercial licensing is available for production deployments.

Flush Accordion

Follow the Quick Start guide to set up your first Oorian project in minutes.

Configure your application using annotations and Java properties files.

Deploy using LaunchPad embedded server or any standard servlet container.

Dropdowns

Toggle contextual overlays for displaying lists of links and actions:

With Headers & Sections

Modals

Dialog windows that overlay the page for focused user interactions:

Tooltips

Small text popups on hover for additional context:

Popovers

Rich content popups with titles and body text:

Collapse

Toggle the visibility of content with smooth animations:

This content is hidden by default and can be shown or hidden by clicking the button above. Collapse is useful for FAQ sections, additional details, and progressive disclosure patterns.

Toasts

Lightweight notification messages designed to mimic push notifications:

Basic Toast
With Subtitle

Offcanvas

Slide-in panels from the edges of the viewport:

Sidebar Navigation

This offcanvas panel slides in from the left. It can contain navigation links, filters, or any content.

Details Panel

This offcanvas panel slides in from the right. Great for detail views or settings panels.

Bottom Sheet

This offcanvas panel slides up from the bottom. Useful for mobile-friendly action sheets.

← Back to Bootstrap Components
Explore all 10 component categories