<Description />

Desactualizada

Esta documentación esta desactualizada.

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

📖 Descripción

Componente para mostrar datos en una pagina de detalles.

🔧 Propiedades

Este componente acepta las siguientes propiedades:

type ColumnsOptions = 1 | 2 | 3 | 4 | 5 | 6;
type Responsive = "sm" | "md" | "lg" | "xl";

interface IDescriptionProps {
  title: string;
  items: { value: string | number; label: string }[];
  columns: ColumnsOptions | Record<Responsive, ColumnsOptions>;
}

Propiedad	Tipo	Descripción
title	string	Titulo del componente.
items	Array	Arreglo de datos a mostrar.
columns	number (or object)	Orden de columnas para mostrar los datos.

⚙️ Ejemplo

import React from "react";
import { Description } from "@nubeteck/prime";

const Page = () => {
  return (
    <>
      <Description
        columns={3}
        title="Prime Docs"
        subtitle="Description docs"
        items={[
          {
            label: "Titulo",
            value: "Nubeteck",
          },
          {
            value: 2024,
            label: "Año",
          },
          {
            value: 30,
            label: "Miembros",
          },
          {
            label: "Descripcion",
            value:
              "Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde ad tempore ducimus. Architecto facere nihil officia assumenda illum beatae reprehenderit quam qui. Dignissimos, mollitia accusamus illum architecto aspernatur corporis error.",
          },
        ]}
      />
    </>
  );
};