AccordionBorders() — ui Function Reference

Architecture documentation for the AccordionBorders() function in accordion-borders.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ AccordionBorders() — ui Function Reference

Dependency Diagram

graph TD
  af45a764_5c8a_2117_1734_11a2ad77e245["AccordionBorders()"]
  68a5bf1e_88c5_9bfe_7aac_c618f82db1c1["accordion-borders.tsx"]
  af45a764_5c8a_2117_1734_11a2ad77e245 -->|defined in| 68a5bf1e_88c5_9bfe_7aac_c618f82db1c1
  style af45a764_5c8a_2117_1734_11a2ad77e245 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/accordion-borders.tsx lines 29–47

export default function AccordionBorders() {
  return (
    <Accordion
      className="max-w-lg rounded-lg border"
      defaultValue={["billing"]}
    >
      {items.map((item) => (
        <AccordionItem
          key={item.value}
          value={item.value}
          className="border-b px-4 last:border-b-0"
        >
          <AccordionTrigger>{item.trigger}</AccordionTrigger>
          <AccordionContent>{item.content}</AccordionContent>
        </AccordionItem>
      ))}
    </Accordion>
  )
}