<Card />

Este componente esta disponible en el paquete: @nubeteck/prime.

📖 Descripción

Sin descripción

🔧 Propiedades

Este componente acepta las siguientes propiedades:

interface ICardProps {
  titleIcon?: string;
  title?: React.ReactNode;
  footer?: React.ReactNode;
  hideBorderStyles?: boolean;
  subtitle?: React.ReactNode;
  actions?: React.ReactNode[];
  hideFooterPadding?: boolean;
  hideContentPadding?: boolean;
  classNames?: object;
}

Propiedad	Tipo	Descripción
titleIcon	string	Propiedad opcional para colocar un icono justo después del titulo.
title	React.ReactNode	Titulo del componente.
footer	React.ReactNode	Acceso a la sección footer del componente.
hideBorderStyles	boolean	Propiedad para remover los estilos del borde.
subtitle	React.ReactNode	Subtitulo del componente.
actions	React.ReactNode[]	Un arreglo de componentes para colocar a la derecha del header.
hideFooterPadding	boolean	Propiedad para remover el padding del pie del componente.
hideContentPadding	boolean	Propiedad para remover el padding del contenido interno.
classNames	object	Acceso a las clase de cada sección del componente. (header,body,footer)

⚙️ Ejemplo

<Card
  title="Prime Docs"
  subtitle="Un ejemplo para ser usado"
  footer={<Button size="small" label="Hello" />}
  actions={[<Button size="small" key="PrimeDocs" label="Abrir filtros" />]}
>
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo dicta voluptatem
  debitis. Nesciunt ullam, nam voluptatum similique, pariatur veniam eius
  eligendi perferendis itaque a impedit iure dolore dicta aperiam ut.
</Card>