Components / Card

Card

A bordered container with header, content, and footer slots.

Examples

Create project

Deploy your new project in one click.

Name, framework, and region, all configurable.

razor

<ZitsCard>
    <ZitsCardHeader>
        <ZitsCardTitle>Create project</ZitsCardTitle>
        <ZitsCardDescription>Deploy in one click.</ZitsCardDescription>
    </ZitsCardHeader>
    <ZitsCardContent>...</ZitsCardContent>
    <ZitsCardFooter><ZitsButton>Deploy</ZitsButton></ZitsCardFooter>
</ZitsCard>

Installation

Terminal bash

navius add card

Parts

Compose the card from these slots; each forwards its class.

Prop	Type	Default
ZitsCard	container	rounded border + shadow
ZitsCardHeader	slot	title + description
ZitsCardTitle	slot	<h3>
ZitsCardDescription	slot	<p> muted
ZitsCardContent	slot	body
ZitsCardFooter	slot	actions