layoutcomponent Layout

Basic Usage

Currently a simple left-right layout, with extensions planned.

Sidebar

Right Container

<template>
  <b-layout has-sider>
    <template #sider>
      <div style="height: 300px">Sidebar</div>
    </template>
    <div>Right Container</div>
  </b-layout>
</template>

Props

Parameter	Description	Type	Options	Default
hasSider	Whether to have a sidebar (currently left side)	Boolean	—	—
siderWidth	Sidebar width	Number	—	240
collapsedWidth	Sidebar collapsed width	Number	—	40
showToggle	Whether to show collapse button	Boolean	—	true
showCollapsedContent	Whether to show inner content after collapsing	Boolean	—	false
contentStyle	Right container style	Object	—	{}