Skip to content

List

Astro
---
import ItemList from "@shared/ui/item-list/ItemList.astro";
const items = [/* … */];
---
<ItemList columns={2} ordered={false}>
{items.map((item) => (
<li>
<!-- item content -->
</li>
))}
</ItemList>

Props:

  • columns?: number: 열 수. (default: 2)
    • v-item-list_columns_${columns} 클래스 추가됨
    • --v-item-list-columns CSS 변수로도 제어 가능
  • ordered?: boolean: true일 경우 <ol>로 렌더링 됨. (default: false)