Docs
Collapsible

Colapsible

An interactive component which expands/collapses a panel.

Collapsible(
  Class("min-w-[200px] flex flex-col gap-2 items-center"),

  CollapsibleTrigger(
    Button(Text("Trigger")),
  ),
  CollapsibleContent(
    Div(Text("Collapsible Content")),
  ),
)

Collapsible Content

Usage

import (
	. "github.com/canpacis/pacis-ui/components"
)

Collapsible(
  CollapsibleTrigger(
    Button(Text("Trigger")),
  ),
  CollapsibleContent(
    Div(Text("Collapsible Content")),
  ),
)

Examples

Simple collapsible

Collapsible(
  Class("min-w-[200px] flex flex-col gap-2 items-center"),

  CollapsibleTrigger(
    Button(Text("Trigger")),
  ),
  CollapsibleContent(
    Div(Text("Collapsible Content")),
  ),
)

Collapsible Content

API

Events

Event	Description
init	Fires upon initialization and sends its initial state.
changed	Fires when the collapse state changes. You can find the boolean value on the $event.detail object