TastyBites/front/src/components/MenuList.svelte

29 lines
510 B
Svelte

<script lang="ts">
import { type Item } from "../lib/types";
import MenuItem from "./MenuItem.svelte";
export let items: Item[];
</script>
<ul>
{#each items as item}
<li>
<MenuItem item={item} />
</li>
{/each}
</ul>
<style lang="scss">
ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px
}
li {
margin: 0;
}
</style>