Skip to content

[Collapsible] Implement Collapsible #84

@danilo-leal

Description

@danilo-leal

API

// JSX
<Collapsible.Root defaultOpen={false}>  // or `open` for controlled mode
  <Collapsible.Trigger className="MyCollapsible-trigger">
    Trigger
  </Collapsible.Trigger>
  
  <Collapsible.Content className="MyCollapsible-content">
    This the collapsed content
  </Collapsible.Content>
</Accordion.Root>

// HTML
<button
  type="button"
  aria-controls="ContentId"
  aria-expanded="false"
  class="MyCollapsible-trigger"
>
  Trigger
</button>

<div class="MyCollapsible-content" id="ContentId" hidden="hidden">
  This the collapsed content
</div>

Metadata

Metadata

Assignees

Labels

component: collapsibleChanges related to the collapsible component.type: new featureExpand the scope of the product to solve a new problem.

Projects

Status

Recently completed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions