Documentation

Panel

Foo

Here is the body of the panel.
Let's break it down!

Show Code
<ks-panel header="Foo">
    Here is the body of the panel. <br>
    Let's break it down!
    <template v-slot:footer>
        <ks-button>Edit</ks-button>
        <ks-button class="danger">Delete</ks-button>
    </template>
</ks-panel>

Alternative "Light" version

Light Version

Here is the body of the panel.
Let's break it down!

Show Code
<ks-panel header="Light Version" :light="true">
    Here is the body of the panel. <br>
    Let's break it down!
    <template v-slot:footer>
        <ks-button>Edit</ks-button>
        <ks-button class="danger">Delete</ks-button>
    </template>
</ks-panel>

Props
Slots

Name	Type	Default	Description
header	String		Text to display in the panel header
light	Boolean	false	Applies the light ks-panel style