<ui-card>

Surface container with optional header, body and footer.

Display · stable · since 2.0.0 · extends _UIElement

Examples

<ui-card><ui-card-header>Title</ui-card-header><ui-card-body>Body</ui-card-body></ui-card>
<ui-card dashed size="lg"><ui-card-body>Dashed</ui-card-body></ui-card>

Playground

Generated HTML

Event log

    API

    Attributes and properties

    PropertyAttributeTypeDefaultDescription
    disableddisabledbooleanfalse
    busydata-ui-busybooleanfalse
    sizesizestring"md"sm, md or lg.
    flatflatbooleanfalseRemove shadow.
    ghostghostbooleanfalseTransparent surface.
    primaryprimarybooleanfalsePrimary accent.
    dasheddashedbooleanfalseDashed border.

    Methods

    None.

    Events

    None.

    Slots

    CSS classes