Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| expandable_list [2026/07/20 00:02] – thehort | expandable_list [2026/07/20 20:53] (current) – [Display Examples] thehort | ||
|---|---|---|---|
| Line 2: | Line 2: | ||
| The **Expandable List** block will create list of items that initially displays a compressed amount of information, | The **Expandable List** block will create list of items that initially displays a compressed amount of information, | ||
| - | * **Title:** Used both in the collapsed and expanded states | + | * **Title:** Used both in the collapsed and expanded states |
| * **Collapsed Text:** This is the short paragraph that will display in the collapsed state only | * **Collapsed Text:** This is the short paragraph that will display in the collapsed state only | ||
| - | * **Image:** Used both in the collapsed and expanded states | + | * **Image:** Used both in the collapsed and expanded states |
| - | * **Intro:** First line(s) of text the displays on its own below the title in the expanded state | + | * **Intro:** First line(s) of text that displays on its own below the title in the expanded state |
| * **Body:** The main copy block that displays in the expanded state | * **Body:** The main copy block that displays in the expanded state | ||
| * **Highlight: | * **Highlight: | ||
| Line 12: | Line 12: | ||
| * **Navigation Cards:** Multiple images may be selected to be used as navigational items at the bottom of the expanded state. The title and link for each navigational card is set on the image itself, in the '' | * **Navigation Cards:** Multiple images may be selected to be used as navigational items at the bottom of the expanded state. The title and link for each navigational card is set on the image itself, in the '' | ||
| + | ==== Display Examples ==== | ||
| + | Expandable list with all items collapsed on a large screen size: | ||
| + | {{: | ||
| + | Expandable list with the first item expanded on a large screen size: | ||
| + | {{: | ||
| + | |||
| + | ^ Expandable list with all items collapsed on a small screen size ^ Expandable list with the first item expanded on a small screen size ^ | ||
| + | | {{: | ||