Card ​

Muestra información dentro de un contenedor card.

Uso básico ​

Card incluye título, contenido y operaciones.

Card is made up of header, body and footer. header and footer are optional, and its content distribution depends on a named slot.

Card name

List item 1

List item 2

List item 3

List item 4

Tarjeta simple ​

La parte de la cabecera puede omitirse.

List item 1

List item 2

List item 3

List item 4

Con imágenes ​

Muestre un contenido más rico añadiendo algunas configuraciones.

The body-style attribute defines CSS style of custom body.

Yummy hamburger

Sombra ​

Puede definir cuándo mostrar las sombras

El atributo shadow determina cuándo se muestran las sombras de la tarjeta. Puede ser always, hover o never.

Always
Hover
Never

API ​

Atributos ​

NombreDescripciónTipoPor defecto
headertítulo del card. También acepta DOM pasado por slot#headerstring—
footer 2.4.3footer of the card. Also accepts a DOM passed by slot#footerstring—
body-styleCSS style of card bodyobject—
header-class 2.9.8custom class name of card headerstring—
body-class 2.3.10custom class name of card bodystring—
footer-class 2.9.8custom class name of card footerstring—
shadowwhen to show card shadowsenumalways

Slots ​

NombreDescripción
defaultpersonaliza el contenido por defecto
headercontenido del encabezado de la tarjeta
footercontent of the Card footer

Fuente ​

Componentes • Style • Documentación

Contribuidores ​