Info List without header

1import {
2  InfoList,
3  InfoListItem,
4  InfoListIcon,
5  InfoListText,
6} from "@/registry/default/ui/info-list"
7import { Expand, Aperture, Palette } from "lucide-react"
8 
9export function ExampleInfoList01() {
10  return (
11    <InfoList className="grid grid-cols-1 gap-8 @md/preview:grid-cols-3">
12      <InfoListItem>
13        <InfoListIcon className="text-muted-foreground">
14          <Expand />
15        </InfoListIcon>
16        <InfoListText>
17          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquam
18          eaque quidem rem.
19        </InfoListText>
20      </InfoListItem>
21 
22      <InfoListItem>
23        <InfoListIcon className="text-muted-foreground">
24          <Aperture />
25        </InfoListIcon>
26        <InfoListText>
27          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fuga porro
28          magnam expedita blanditiis recusandae excepturi veritatis repudiandae.
29        </InfoListText>
30      </InfoListItem>
31 
32      <InfoListItem>
33        <InfoListIcon className="text-muted-foreground">
34          <Palette />
35        </InfoListIcon>
36        <InfoListText>
37          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Delectus
38          excepturi doloribus velit qui enim.
39        </InfoListText>
40      </InfoListItem>
41    </InfoList>
42  )
43}