---
title: "Feature: Notice, tabs and accordion elements"
manual: "Frontend Theme for Extension Development"
version: "main"
source: "Changelog/2.0/Feature-NoticeTabsAccordionElements.rst"
modified: "2026-09-17T04:52:50+00:00"
---

# Feature: Notice, tabs and accordion elements

## Description

Three more content elements of the theme's own, in the **Theme** group
of the **Create new content element** wizard. Each puts a component of
the library into an editor's hands that had no content element so far:

| Content element | Renders through |
| --- | --- |
| **Notice** | The alert component, in one of six kinds. |
| **Tabs** | The tabs component: one tab per item, one panel at a time. |
| **Accordion** | The accordion component: collapsible items, one open at a time. |

### Notice

The **Kind** field offers the six kinds of the alert component:
**Note**, **Information**, **Tip**,
**Success**, **Warning** and **Danger**. The kind also
decides how a screen reader treats the notice, and an editor does not choose
that separately:

| Kind | `role` |
| --- | --- |
| Information, Success | `status` \- read when the reader pauses |
| Warning, Danger | `alert` \- read at once |
| Note, Tip | `note` \- an aside, never announced |

A new notice is a **Note**: of the six, it is the kind that never
interrupts anybody. The title is shown inside the box, and the text is rich
text.

### Tabs and accordion

Both take their items from the same inline list the other list based
elements of the theme use - a title and a text per item - and the text is
rich text for these two. **Tabs** shows every panel under its heading
until the theme's script has run, so a page without JavaScript loses nothing.
**Accordion** needs no script at all: its items share a name, and the
browser keeps one of them open.

## Impact

Integrators get three new content types to grant to editor groups:
`theme_notice`, `theme_tabs` and `theme_accordion`. One new column,
`tt_content.tx_theme_notice_kind`, is added by the database analyzer.

A site package overriding `Templates/ContentElements/` finds the three
templates there as `ThemeNotice.html`, `ThemeTabs.html` and
`ThemeAccordion.html`.