Theta - Collapse

Collapse

Outline Accordion

Using the card component, you can extend the default collapse behavior to create an accordion.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Light Accordion

Using the card component, you can extend the default collapse behavior to create an accordion.

Simple Accordion

Using the card component, you can extend the default collapse behavior to create an accordion.

Accordion with Icons

Using the card component, you can extend the default collapse behavior to create an accordion.

Simple Collapse

You can use a link with the `href` attribute, or a button with the `data-target` attribute. In both cases, the `data-toggle="collapse"` is required.

Link with href

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Multiple Targets Collapse

A `<button>` or `<a>` can show and hide multiple elements by referencing them with a JQuery selector in its `href` or `data-target` attribute. Multiple `<button>` or `<a>` can show and hide an element if they each reference it with their `href` or `data-target` attribute

Toggle first element

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Notifications

Amy Adams1Jan 22

James Simpsons2Feb 15

Mark Witherspoon3Mar 03

Jenniffer Wills4Apr 05

Nelson SmithJan 22

Courtney CoxFeb 15

Rachel WhiteMar 03

FreepikMar 03

Payment Success !!!

Nobita Applied for Leave.

Alert

Congratulations !!!

Settings

Select Color

Night Mode

Navigation Sidebar

Select Account

Shourya

Amy

John

Add

Shourya Kumar

Collapse

Outline Accordion

Using the card component, you can extend the default collapse behavior to create an accordion.

Light Accordion

Using the card component, you can extend the default collapse behavior to create an accordion.

Simple Accordion

Using the card component, you can extend the default collapse behavior to create an accordion.

Accordion with Icons

Using the card component, you can extend the default collapse behavior to create an accordion.

Simple Collapse

You can use a link with the `href` attribute, or a button with the `data-target` attribute. In both cases, the `data-toggle="collapse"` is required.

Multiple Targets Collapse

A `<button>` or `<a>` can show and hide multiple elements by referencing them with a JQuery selector in its `href` or `data-target` attribute. Multiple `<button>` or `<a>` can show and hide an element if they each reference it with their `href` or `data-target` attribute

Notifications

Amy Adams1Jan 22

James Simpsons2Feb 15

Mark Witherspoon3Mar 03

Jenniffer Wills4Apr 05

Nelson SmithJan 22

Courtney CoxFeb 15

Rachel WhiteMar 03

FreepikMar 03

Payment Success !!!

Nobita Applied for Leave.

Alert

Congratulations !!!

Settings

Select Color

Night Mode

Navigation Sidebar

Select Account

Shourya

Amy

John

Add

Shourya Kumar

Collapse

Outline Accordion

Using the card component, you can extend the default collapse behavior to create an accordion.

First title goes here

Second title goes here

Third title goes here

Light Accordion

Using the card component, you can extend the default collapse behavior to create an accordion.

First title goes here

Second title goes here

Third title goes here

Simple Accordion

Using the card component, you can extend the default collapse behavior to create an accordion.

First title goes here

Second title goes here

Third title goes here

Accordion with Icons

Using the card component, you can extend the default collapse behavior to create an accordion.

First title goes here

Second title goes here

Third title goes here

Simple Collapse

You can use a link with the href attribute, or a button with the data-target attribute. In both cases, the data-toggle="collapse" is required.

Multiple Targets Collapse

A <button> or <a> can show and hide multiple elements by referencing them with a JQuery selector in its href or data-target attribute. Multiple <button> or <a> can show and hide an element if they each reference it with their href or data-target attribute

You can use a link with the `href` attribute, or a button with the `data-target` attribute. In both cases, the `data-toggle="collapse"` is required.

A `<button>` or `<a>` can show and hide multiple elements by referencing them with a JQuery selector in its `href` or `data-target` attribute. Multiple `<button>` or `<a>` can show and hide an element if they each reference it with their `href` or `data-target` attribute