Style `card`

The body of a card can contain any number of any other styles. Use the field children to add, remove and sort elements in the card body.

Unknown Style styleSignature

Custom card styles are provided that are inspired by the Bootstrap styles

The field type allows to change the color of the card. The header text (field title) is changed according to the chosen card type, however, the content of the card body is not affected by the type.

Primary

I am a simple plaintext.

Secondary

I am a simple plaintext.

Success

I am a simple plaintext.

Danger

I am a simple plaintext.

Warning

I am a simple plaintext.

Info

I am a simple plaintext.

Light

I am a simple plaintext.

Dark

I am a simple plaintext.

Cards can be made collapsible

By enabling the field is_collapsible the card body can be opened and collapsed by clicking on the card header. The field is_expanded defines whether the card is expanded by default.

Click me to collapse and expand

I am a simple plaintext.

A card title is not mandatory

If the field title is left blank only the body of a card is rendered. A headless card is also available in all colors.

I am a simple plaintext.

Card with an edit button

If the field url_edit is set (not an empty string) an edit button appears in the right corner of the card header.

I have an edit button

I am a simple plaintext.

Style card

Style `card`