Componente de tarjeta versátil que proporciona contenedores estructurados para contenido, con soporte para encabezados, cuerpo y pies de página.
Agrega un campo en el portal para permitir que el usuario conecte su cuenta de Slack
Utiliza la propiedad shadow para aplicar diferentes niveles de sombra a la tarjeta.
Utiliza la propiedad radius para cambiar los bordes redondeados de la tarjeta.
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.
Ya podemos empezar a diseñar la landing page de telemarketing.
| 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. |
| 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. |
| 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. |
| 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. |