src/components/List.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

---
import Link from "./Link.astro";
import dataList from '../data/user.json';

const items = dataList.links;
---

<div class="list" id="list">
    {
        items.map((item) => {
            return (
                <Link 
                    icon={item.icon} 
                    title={item.title} 
                    description={item.description} 
                    url={item.url}
                ></Link>
            )
        })
    }
</div>

<style>
    .list {
        margin-top: 3rem;
        display: grid;
        gap: 1rem;
    }
</style>