Unfold List Demo

1import { UnfoldItem, UnfoldList } from "@/registry/loomui/unfold-list"
2 
3export default function UnfoldListDemo() {
4  return (
5    <UnfoldList defaultValue="own" className="w-full max-w-md">
6      <UnfoldItem value="own" title="Do I own the code?">
7        It lands in your repo as a plain file. Edit it, rename it, delete half
8        of it. Nothing upstream is going to complain.
9      </UnfoldItem>
10 
11      <UnfoldItem value="deps" title="What does it install?">
12        The file, plus the tokens it needs. No animation library, no provider to
13        wrap your app in, no bundle you have to defend at review.
14      </UnfoldItem>
15 
16      <UnfoldItem value="motion" title="What about reduced motion?">
17        Handled. Every component checks the preference itself and settles
18        straight into its finished state.
19      </UnfoldItem>
20    </UnfoldList>
21  )
22}