1.0.2 • Published 1 year ago

v-layouts v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

v-layouts

CircleCI code coverage npm version license npm

Web page layout collection for Vue3

Examples and Documentation

Documentation and examples please visit below sites

Layout and modules diagram

admin classic layout

admin-classic

content press layout

content-press

panel group modules

panel-group

Installation

# npm
npm i v-layouts
# yarn
yarn add v-layouts
# pnpm
pnpm add v-layouts

Usage

LayoutAdminClassic

<template>
  <LayoutAdminClassic>
    <template #header>
      Header
    </template>
    <template #aside>
      Aside
    </template>
    <template #breadcrumb>
      Breadcrumb
    </template>
    <template #footer>
      Footer
    </template>

    <div>Main content</div>
  </LayoutAdminClassic>
</template>

<script setup>
import { LayoutAdminClassic } from 'v-layouts'
</script>

Panel group

<template>
  <PanelGroup>
    <PanelItem name="panel1">
      <template #header>
      panel 1 header
      </template>
      panel 1 content
    </PanelItem>
    <PanelItem name="panel2">
      <template #header>
      panel 2 header
      </template>
      panel 2 content
    </PanelItem>
  </PanelGroup>
</template>

<script setup>
import { PanelGroup, PanelItem } from 'v-layouts'
</script>
1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago

0.1.0

1 year ago