1 estrella en GitHub = 1 componente nuevo.

Dar una estrella
Tipografía typographyhighlightneon

Neon Highlight

Resaltador de texto con resplandor de neón vibrante para destacar palabras clave.

Neon Highlight

Uso

Copia y pega este código directamente en tu página de Astro:

astro 
---
import { NeonHighlight } from 'astro-component-kit';
---

<NeonTextHighlight>Content</NeonTextHighlight>
--- import { NeonHighlight } from 'astro-component-kit'; --- <NeonTextHighlight>Content</NeonTextHighlight>

Instalación Manual

Si no estás usando el paquete npm, crea un archivo nuevo y pega el siguiente código: src/components/lib/NeonHighlight.astro:

astro 
---
---
<span class="neon-hi"><slot /></span>
<style>
  .neon-hi { color: #fff; background: rgba(99,102,241,0.2); padding: 0.1em 0.3em; border-radius: 4px; box-shadow: 0 0 10px rgba(99,102,241,0.3); border: 1px solid rgba(99,102,241,0.4); }
</style>
--- --- <span class="neon-hi"><slot /></span> <style> .neon-hi { color: #fff; background: rgba(99,102,241,0.2); padding: 0.1em 0.3em; border-radius: 4px; box-shadow: 0 0 10px rgba(99,102,241,0.3); border: 1px solid rgba(99,102,241,0.4); } </style>

Información Rápida

Categoría
Tipografía
Nombre de archivo
NeonHighlight.astro
Dependencias
Ninguna — Astro nativo + CSS puro
Etiquetas
typographyhighlightneon