1 estrella en GitHub = 1 componente nuevo.

Dar una estrella
Tipografía typographycodeglass

Inline Code (Glass)

Fragmento de código en línea con fondo de cristal, borde sutil y tipografía monospace.

Inline Code (Glass)

Uso

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

astro 
---
import { InlineCode(Glass) } from 'astro-component-kit';
---

<CodeInlineGlass>Content</CodeInlineGlass>
--- import { InlineCode(Glass) } from 'astro-component-kit'; --- <CodeInlineGlass>Content</CodeInlineGlass>

Instalación Manual

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

astro 
---
---
<code class="glass-code"><slot /></code>
<style>
  .glass-code { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); padding: 0.2rem 0.4rem; border-radius: 6px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; color: #e2e8f0; font-size: 0.9em; }
</style>
--- --- <code class="glass-code"><slot /></code> <style> .glass-code { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); padding: 0.2rem 0.4rem; border-radius: 6px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; color: #e2e8f0; font-size: 0.9em; } </style>

Información Rápida

Categoría
Tipografía
Nombre de archivo
InlineCode(Glass).astro
Dependencias
Ninguna — Astro nativo + CSS puro
Etiquetas
typographycodeglass