Multiple

1import {
2  Accordion,
3  AccordionContent,
4  AccordionItem,
5  AccordionTrigger,
6} from '@/components/ui/accordion'
7 
8export function Accordion02() {
9  return (
10    <Accordion
11      multiple
12      defaultValue={['item-1', 'item-2']}
13      className="w-full max-w-md"
14    >
15      <AccordionItem value="item-1">
16        <AccordionTrigger>Shipping</AccordionTrigger>
17        <AccordionContent>
18          Orders ship within two business days. Tracking is emailed as soon as
19          your package leaves the warehouse.
20        </AccordionContent>
21      </AccordionItem>
22      <AccordionItem value="item-2">
23        <AccordionTrigger>Returns</AccordionTrigger>
24        <AccordionContent>
25          Return any item within 30 days for a full refund. Items must be unworn
26          and in the original packaging.
27        </AccordionContent>
28      </AccordionItem>
29      <AccordionItem value="item-3">
30        <AccordionTrigger>Warranty</AccordionTrigger>
31        <AccordionContent>
32          Every product is covered by a one-year limited warranty against
33          manufacturing defects.
34        </AccordionContent>
35      </AccordionItem>
36    </Accordion>
37  )
38}