■ コンポーネントデモ(demo)
Left
Right
■ 概要(Overview)
コンポーネント名
- GridRow
レベル (Atomic Design)
- 原子(Atoms)
カテゴリー(Category)
- layouts
■ 依存関係(Dependency)
- GridColumn
■ 使用例(Usecase)
<script setup lang="ts">
import { GridRow } from 'revuekitz'
import { GridColumn } from 'revuekitz'
import 'revuekitz/dist/style.css'
</script>
<template>
<GridRow>
<GridColumn :cols="6" :sm_cols="12">
<div>Column 1</div>
</GridColumn>
<GridColumn :cols="6" :sm_cols="12">
<div>Column 2</div>
</GridColumn>
</GridRow>
</template>