libreria-astro-lefebvre/src/carbins/Contenido_2026_Seattle.ts

Librería de componentes Astro, React y Vue para Lefebvre

import type { ComponentMetadata } from '../interfaces/types';

export const metadata: ComponentMetadata = {
  component_name: 'Contenido_2026_Seattle',
  category: 'Contenido con listas',
  name: 'Listado con cards 2026',
  description: 'Listado con tarjetas',
  framework: 'Astro',
  priority: 1,
  tags: ['contenido', 'cards', 'genial'],
   fields: [
    {
      name: 'items',
      type: 'list',
      help: 'Listado de cards. Cada card tiene su nombre, contenido (items internos con icono y texto) e imagen. La card marcada como "default" es la que se muestra al cargar; las demás arrancan ocultas y se activan al hacer click en su botón',
      label: 'Listado de cards',
      mandatory: false,
      items: {
        type: 'object',
        fields: [
            
            { name: 'title', type: 'text', help: 'Título de la card, se renderiza como h3. Si se deja vacío, aparece el h3 vacío (no se oculta automáticamente)', label: 'Título', example_value: 'Redacta borradores de contratos en segundos a partir de plantillas personalizables' },
            { name: 'description', type: 'textArea', help: 'Descripción de la card, se renderiza como párrafo debajo del título. Si se deja vacía, aparece el párrafo vacío (no se oculta automáticamente)', label: 'Texto de la descripción', example_value: 'Genera borradores de contratos a partir de plantillas personalizables en segundos' },
            { name: 'link', type: 'text', help: 'URL de destino cuando se hace click en la card. TODA la card es clicable (no solo un botón). Si se deja vacío, apunta a "#" (no navega pero conserva el estilo clicable)', label: 'Url del enlace', example_value: 'https://lefebvre.es' },
            { name: 'image', type: 'image', help: 'URL de la imagen de la card (aparece en la parte superior). Se renderiza siempre, por lo que conviene no dejarla vacía o se mostrará una imagen rota', label: 'Src de la imagen', example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png' },
            { name: 'altImage', type: 'text', help: 'Texto alternativo de la imagen de la card para accesibilidad', label: 'Texto alternativo de la imagen', example_value: 'Captura de la interfaz de GenIA-L generando un contrato automáticamente' },
        ]
      }
    }
   ]
};