# 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

- List item 1
- List item 2
- List item 3

### Custom icon & Icon position

#### Heading

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

### Mini sized

#### Heading

- List item 1
- List item 2
- List item 3

### Legend

Legend
One Two Three

## 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

- List item 1
- List item 2
- List item 3

### Custom icon & Icon position

#### Heading

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

### Mini sized

#### Heading

- List item 1
- List item 2
- List item 3

### Legend

Legend
One Two Three

### 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

- Canary
- Cat
- Dog
- Gerbil
- Iguana
- Mouse

## Farm animals

- Chicken
- Cow
- Duck
- Horse
- Pig
- Sheep

## Wild Animals

- Aardvark
- Alligator
- Ant
- Bear
- Beaver
- Cougar
- Dingo

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.

## Pets

- Canary
- Cat
- Dog
- Gerbil
- Iguana
- Mouse

## Farm animals

- Chicken
- Cow
- Duck
- Horse
- Pig
- Sheep