<Card />

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

📖 Descripción

Sin descripción

🔧 Propiedades

Este componente acepta las siguientes propiedades:

interface ICardProps {
  title?: React.ReactNode;
  footer?: React.ReactNode;
  subtitle?: React.ReactNode;
  actions?: React.ReactNode[];
  withContentPadding?: boolean;
  classNames?: { [P in "body" | "header" | "footer"]?: string };
}

Propiedad	Tipo	Descripción
title	React.ReactNode	Titulo del componente.
subtitle	React.ReactNode	Subtitulo del componente.
footer	React.ReactNode	Acceso a la sección footer del componente.
actions	React.ReactNode[]	Un arreglo de componentes para colocar a la derecha del header.
hideContentPadding	boolean	Propiedad para remover el padding del contenido interno.
classNames	object	Acceso a las clase de cada sección del componente.

⚙️ 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>