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

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

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

export const metadata: ComponentMetadata = {
  component_name: 'VueButton',
  category: 'CTA',
  name: 'Botón en Vue',
  description: 'Botón de prueba en Vue',
  framework: 'Vue',
  priority: 2,
  tags: ['boton', 'interactivo', 'ejemplo'],
   fields: [
    {
      name: 'label',
      type: 'text',
      help: 'Texto del botón',
      label: 'Texto del botón',
      mandatory: true,
      example_value: 'Botón en Vue'
    },    
    {
      name: 'href',
      type: 'text',
      help: 'Enlace al que lleva el botón',
      label: 'URL de destino',
      mandatory: true,
      example_value: 'https://lefebvre.es'
    },
    {
      name: 'target',
      type: 'text',
      help: 'Ventana de apertura del enlace',
      label: 'Indicar si se abre en la misma ventana o en una nueva (_blank)',
      mandatory: false,
      example_value: '_blank'
    },
  ]
};