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

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

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

export const metadata: ComponentMetadata = {
  component_name: 'Cabecera_2026_Dakota',
  category: 'Header',
  name: 'Cabecera con logo Lefebvre y logo personalizable 2026',
  description: 'Cabecera no sticky con el logo de Lefebvre alineado a la izquierda o al centro y un segundo logo personalizable (subible por Limbo) en el extremo derecho',
  framework: 'Astro',
  priority: 1,
  tags: ['cabecera', 'logo', 'lefebvre'],
  fields: [
    {
      name: 'logoAlign',
      type: 'select',
      help: 'Posición del logo',
      label: 'Alineación del logo',
      options: ['left', 'center'],
      options_labels: ['Izquierda', 'Centro'],
      example_value: ''
    },
    {
      name: 'rightLogo',
      type: 'image',
      help: 'Logo que se muestra en el extremo derecho de la cabecera. Altura máxima 74px',
      label: 'Logo derecho',
      mandatory: false,
      example_value: 'https://assets.lefebvre.es/media/logos/web/clientes/icam-centinela-132x50.png'
    },
    {
      name: 'rightLogoWidth',
      type: 'text',
      help: 'Anchura del logo derecho en píxeles (sin unidades). Ayuda a evitar saltos de layout (CLS)',
      label: 'Anchura del logo derecho',
      mandatory: false,
      example_value: '132'
    },
    {
      name: 'rightLogoHeight',
      type: 'text',
      help: 'Altura del logo derecho en píxeles (sin unidades). Ayuda a evitar saltos de layout (CLS)',
      label: 'Altura del logo derecho',
      mandatory: false,
      example_value: '50'
    },
    {
      name: 'rightLogoAlt',
      type: 'text',
      help: 'Texto alternativo del logo derecho para accesibilidad',
      label: 'Alt del logo derecho',  
      mandatory: false,
      example_value: 'Logo'
    },
    {
      name: 'subdirectory',
      type: 'text',
      help: 'Prefijo de la URL del sitio',
      label: 'Subdirectorio',
      mandatory: false,
      example_value: ''
    },
    {
      name: 'loading',
      type: 'select',
      help: 'Carga de la imagen del logo',
      label: 'Carga de la imagen',
      options: ['eager', 'lazy'],
      options_labels: ['Inmediata', 'Diferida'],
      example_value: 'eager'
    }
  ]
};