<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. |