Card - Spektral UI

Preset

Variant

Elevation

Rounded

Design

COGIP Catalogue

Discover the finest of COGIP, curated by our floor managers.

Freedom

3618 MIAMI

To get in touch with other Minitel users

Engineering

Aérotrain

Picture : Association des amis de Jean Bertin

Svelte

<Card variant="flat" width="200px">
    {#snippet children()}
        <p>flat</p>
    {/snippet}
</Card>
<Card variant="outlined" width="200px">
    {#snippet children()}
        <p>outlined</p>
    {/snippet}
</Card>
<Card variant="ghost" width="200px">
    {#snippet children()}
        <p>ghost</p>
    {/snippet}
</Card> 

API

Prop	Type	Default
variant	`"flat" \| "outlined" \| "ghost"`	`"flat"`
elevation	`"none" \| "subtle" \| "hard"`	`"hard"`
width	`string`	`undefined`
rounded	`boolean`	`false`
href	`string`	`undefined`
leading	`Snippet`	`—`
children	`Snippet`	`—`
trailing	`Snippet`	`—`

Prop variant

Type "flat" | "outlined" | "ghost"

Default "flat"

Prop elevation

Type "none" | "subtle" | "hard"

Default "hard"

Prop width

Type string

Default undefined

Prop rounded

Type boolean

Default false

Prop href

Type string

Default undefined

Prop leading

Type Snippet

Default —

Prop children

Type Snippet

Default —

Prop trailing

Type Snippet

Default —