vant/src/panel

Panel

Install

import Vue from 'vue';
import { Panel } from 'vant';

Vue.use(Panel);

Usage

Basic Usage

<van-panel title="Title" desc="Description" status="Status">
  <div>Content</div>
</van-panel>

Advanced Usage

<van-panel title="Title" desc="Description" status="Status">
  <div>Content</div>
  <div slot="footer">
    <van-button size="small">Button</van-button>
    <van-button size="small" type="danger">Button</van-button>
  </div>
</van-panel>

API

Props

Attribute	Description	Type	Default	Version
icon	Left Icon	string	-	-
title	Title	string	-	-
desc	Description	string	-	-
status	Status	string	-	-

Slots

Name	Description
default	Default slot
header	Custom header
footer	Custom footer