sigilUI

Collapsible

Reveal optional content from an accessible trigger.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@sigil-ui/components";

Usage

<Collapsible>
    <CollapsibleTrigger>Toggle content</CollapsibleTrigger>
    <CollapsibleContent>Hidden content here</CollapsibleContent>
  </Collapsible>

Sub-components

This component includes the following parts:

  • <CollapsibleTrigger>
  • <CollapsibleContent>

Token integration

CSS VariablePurpose
--s-textText