T
TailNG

Playground

 Home tailng.com

Expansion Panel

Headless expansion panel with klass-based theming hooks (Tailwind utilities).

Basic

TailNG is a minimal Angular + Tailwind UI kit with klass hooks for theming.

Open by default

This panel starts opened using the open input.

Disabled

Disabled panels show reduced opacity and prevent toggling.

No content padding

You can turn off internal padding and fully control the content layout.
Footer area

Theming (klass hooks)

This example overrides root/header/content/chevron classes using klass inputs.

Stacked panels

Content for panel A.
Content for panel B.
Content for panel C.

Accordion-like (demo state)

If your component supports controlled mode, this will behave like an accordion.
This is driven by demo state: openId.
You’d normally implement a dedicated tng-accordion wrapper later.

Custom icon (open / close)

Content…

Open/Close from outside

Content…