Skip to content

Kirby 3.5.7.1

Box

<k-box>

The box component is a multi-purpose box with text. You can use it as a foundation for empty state displays or anything else that needs to be displayed in a box. It comes with 3 pre-defined styles …

Styles

Regular

<k-box text="This is a nice box" />

Positive

<k-box text="This is a nice box" theme="positive" />

Negative

<k-box text="This is a nice box" theme="negative" />

Custom content

The box can be filled with your own elements to overwrite the default text implementation

<k-box>
  <!-- custom html goes here -->
</k-box>

Events

The box listens to any typical HTML event.

<k-box text="This is a box" @click="clicked" />

CSS class

.k-box