Accordion Flush

1// shadcn
2import {
3  Accordion,
4  AccordionContent,
5  AccordionItem,
6  AccordionTrigger
7} from "@/components/ui/accordion";
8 
9//  ------------------------------ | ACCORDION FLUSH | ------------------------------  //
10 
11export default function AccordionFlush() {
12  return (
13    <Accordion className="w-full gap-1">
14      <AccordionItem value="item-1" className="not-last:border-b-0">
15        <AccordionTrigger className="p-4 text-base font-semibold hover:no-underline border-b border-border">
16          Accordion Item #1
17        </AccordionTrigger>
18        <AccordionContent className="p-4">
19          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
20          terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
21          skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
22        </AccordionContent>
23      </AccordionItem>
24      <AccordionItem value="item-2" className="not-last:border-b-0">
25        <AccordionTrigger className="p-4 text-base font-semibold hover:no-underline border-b border-border">
26          Accordion Item #2
27        </AccordionTrigger>
28        <AccordionContent className="p-4">
29          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
30          terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
31          skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
32        </AccordionContent>
33      </AccordionItem>
34      <AccordionItem value="item-3" className="not-last:border-b-0">
35        <AccordionTrigger className="p-4 text-base font-semibold hover:no-underline border-b border-border">
36          Accordion Item #3
37        </AccordionTrigger>
38        <AccordionContent className="p-4">
39          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
40          terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
41          skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
42        </AccordionContent>
43      </AccordionItem>
44    </Accordion>
45  );
46}