<mk-box-small header="Header text" footer="Footer text" backgroundColor="yellow" iconStyleClass="ion ion-pie-graph">
Content text
</mk-box-small>
<mk-box-small backgroundColor="yellow" iconStyleClass="ion ion-pie-graph">
<mk-box-small-header>Header HTML</mk-box-small-header>
<mk-box-small-content>Content HTML</mk-box-small-content>
<mk-box-small-footer>Footer HTML</mk-box-small-footer>
</mk-box-small>
| Name | Type | Default | Description |
|---|---|---|---|
| backgroundColor | string (green | aqua | light-blue | red | yellow | mutted | rgb | rgba | hex) | null | The box background color. |
| contentColor | string (green | aqua | light-blue | red | yellow | mutted | rgb | rgba | hex) | #fff | The box content font color. |
| contentStyleClass | string | small-box-content | The box footer css classes. |
| footer | string | null |
Footer text of the panel. Note: You can use <mk-box-small-footer> for HTML footer. |
| footerColor | string (green | aqua | light-blue | red | yellow | mutted | rgb | rgba | hex) | #fff | The box footer font color. |
| footerStyleClass | string | small-box-footer | The box footer css classes. |
| header | string | null |
Header text of the panel. Note: You can use <mk-box-small-header> for HTML header. |
| headerColor | string (green | aqua | light-blue | red | yellow | mutted | rgb | rgba | hex) | #fff | The box header font color. |
| headerStyleClass | string | small-box-header | The box header css classes. |
| iconStyleClass | string | ion ion-bag | The box icon classes. |
| iconColor | string (green | aqua | light-blue | red | yellow | mutted | rgb | rgba | hex) | null | The box icon font color. |
| styleClass | string | small-box | Defines the box css classes. |