Card
<gstock-card>
|
GstockCard
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
headerDivider
header-divider
|
Shows a divider below the header. |
|
boolean
|
true
|
footerDivider
footer-divider
|
Shows a divider above the footer. |
|
boolean
|
true
|
padding
|
The card’s padding. |
|
'none' | 'small' | 'medium' | 'large'
|
'medium'
|
variant
|
The card’s variant style. |
|
'default' | 'outlined' | 'elevated'
|
'default'
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Learn more about attributes and properties .
Slots
| Name | Description |
|---|---|
default
|
The card’s main content. |
header
|
The card’s header section. |
footer
|
The card’s footer section. |
image
|
An optional image to display at the top of the card. |
Learn more about slots .
CSS Parts
| Name | Description |
|---|---|
base
|
The component’s base wrapper. |
image
|
The card’s image container. |
header
|
The card’s header section. |
body
|
The card’s body section. |
footer
|
The card’s footer section. |
Learn more about CSS parts .