Reveal

import { TgRevealComponent } from '@trademe/tangram';

Reveal shows and hides a single block of content.

You may find an accordion more suitable if you need to show and hide multiple blocks of content.

Content slot

Code

<tg-reveal
    closeable
    [title]="expanded ? 'Hide content' : 'Reveal content'"
    (change)="expanded = !expanded">
    Some content
</tg-reveal>

Reveal

Example