Collapsible

@peduarte starred 3 repositories

@radix-ui/primitives
Attribute Type Documentation Default Value
Required id * :string Id to identify collapsible component, collapsible_trigger uses this id to toggle content visibility
open :boolean Initial state of collapsible content false
class :string
Required inner_block * :slot
<div class="flex items-center justify-between space-x-4 px-4">
  <h4 class="text-sm font-semibold">
    @peduarte starred 3 repositories
  </h4>
  <.collapsible_trigger builder={builder}>
    <.button variant="ghost" size="sm" class="w-9 p-0">
      <.icon name="hero-chevron-up-down" class="h-4 w-4"></.icon>
      <span class="sr-only">
        Toggle
      </span>
    </.button>
  </.collapsible_trigger>
</div>
<div class="rounded-md border px-4 py-3 font-mono text-sm">
  @radix-ui/primitives
</div>
<.collapsible_content class="space-y-2">
  <div class="rounded-md border px-4 py-3 font-mono text-sm">
    @radix-ui/colors
  </div>
  <div class="rounded-md border px-4 py-3 font-mono text-sm">
    @stitches/react
  </div>
</.collapsible_content>