base-ui icon indicating copy to clipboard operation
base-ui copied to clipboard

[Collapsible] Implement Collapsible

Open danilo-leal opened this issue 1 year ago • 1 comments

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>

danilo-leal avatar Feb 05 '24 22:02 danilo-leal

Bumping this to work on together with https://github.com/mui/base-ui/issues/25

mj12albert avatar Jul 16 '24 05:07 mj12albert