SVAR Vue Layout

Website • Getting Started • Demos

:hammer_and_wrench: How to Use

To start using the components from the Layout package, simply import the package and include the desired component in your Vue file:

<script setup>
import { Layout } from "@svar-ui/vue-layout";
import "@svar-ui/vue-layout/all.css";
</script>

<template>
  <Layout direction="column">
    <Cell height={200}>
        Header
    </Cell>
    <div>Content here</div>
  </Layout>
</template>

See the getting started guide to quickly set up and begin using SVAR Layout components in your Vue projects.

:speech_balloon: Need Help?

Post an Issue or use our community forum.