Collapsible

Home

Inset collapsible

Heading

I'm the collapsible content. By default I'm closed, but you can click the header to open me.

Theme & Content theme

Heading

I'm the collapsible content with a themed content block set to "d".

Expanded

Heading

Custom icon & Icon position

Heading

  • Read-only list item 1
  • Read-only list item 2
  • Read-only list item 3

Mini sized

Heading

Legend

Legend

Non-inset collapsible

Heading

I'm the collapsible content. By default I'm closed, but you can click the header to open me.

Theme & Content theme

Heading

I'm the collapsible content with a themed content block set to "d".

Expanded

Heading

Custom icon & Icon position

Heading

  • Read-only list item 1
  • Read-only list item 2
  • Read-only list item 3

Mini sized

Heading

Legend

Legend

Set of individual collapsibles

This is an example of a series of individual collapsibles. The difference with a "Collapsible Set" is that multiple collapsible rows can be open at once.

Pets

Farm animals

Wild Animals

To avoid "double" borders the framework removes the top border of collapsibles that are immediately preceded by another collapsible. Here we show how to negate this with custom CSS.