LifeUI
1.53.2Card
Componente de tarjeta versátil que proporciona contenedores estructurados para contenido, con soporte para encabezados, cuerpo y pies de página.
Integración de slack
Agrega un campo en el portal para permitir que el usuario conecte su cuenta de Slack
Desarrollo
AG
Ago 30
Elevación
Utiliza la propiedad shadow para aplicar diferentes niveles de sombra a la tarjeta.
Compras completadas
Lunes 18, Nov 2025300 compras
+5.20%
desde ayerCompras completadas
Lunes 18, Nov 2025300 compras
+5.20%
desde ayerCompras completadas
Lunes 18, Nov 2025300 compras
+5.20%
desde ayerCompras completadas
Lunes 18, Nov 2025300 compras
+5.20%
desde ayerBordes redondeados
Utiliza la propiedad radius para cambiar los bordes redondeados de la tarjeta.
Compras completadas
Lunes 18, Nov 2025300 compras
+5.20%
desde ayerCompras completadas
Lunes 18, Nov 2025300 compras
+5.20%
desde ayerCompras completadas
Lunes 18, Nov 2025300 compras
+5.20%
desde ayerCompras completadas
Lunes 18, Nov 2025300 compras
+5.20%
desde ayerEjemplos
Tarjeta Plugin
Material Symbols
Gratis
Con el complemento Material Symbols, los diseñadores pueden buscar y añadir símbolos fácilmente en Figma, creando un flujo de trabajo de diseño más eficaz.
14.2k descargas
Tarjeta de tareas
6 Ago 2025-28 Ago 2025
B Life Telemarketing
Ya podemos empezar a diseñar la landing page de telemarketing.
AG
Props
Card
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
shadow | 'none' | 'small' | 'medium' | 'large' | - | El tamaño de la sombra. |
radius | 'none' | 'small' | 'medium' | 'large' | - | El borde redondeado de la tarjeta. |
className | string | - | Clases CSS adicionales para el contenedor. |
children | ReactNode | - | Contenido de la tarjeta. |
...rest | ComponentProps<"div"> | - | Todas las props del elemento HTML div. |
CardHeader
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
className | string | - | Clases CSS adicionales para el encabezado. |
children | ReactNode | - | Contenido del encabezado. |
...rest | ComponentProps<"div"> | - | Todas las props del elemento HTML div. |
CardContent
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
className | string | - | Clases CSS adicionales para el contenido. |
children | ReactNode | - | Contenido del contenido. |
...rest | ComponentProps<"div"> | - | Todas las props del elemento HTML div. |
CardFooter
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
className | string | - | Clases CSS adicionales para el pie de página. |
children | ReactNode | - | Contenido del pie de página. |
...rest | ComponentProps<"div"> | - | Todas las props del elemento HTML div. |