Wavecast incluye un conjunto de shortcodes de utilidad para crear páginas de contenido enriquecido sin HTML personalizado.
Todos son compatibles con el modo oscuro, responsivos y accesibles.
Advertencias / Llamadas Cuatro variantes: note, tip, warning, danger. Acepta un title opcional.
Nota { E { { s { < t < o a / d e a m s d o m n u o i n n t a i i t o i n * o n n t o y t > p a } e * } = * " n c o o t n e " s o t p i o t r l t e e = " d A e t e m n a c r i k ó d n o " w n > . } }
Consejo { C { { o { < n < s a e / d j a m o d o : m n o i u n t s i i a t o i n ` o h n t u y g > p o } e } = s " e t r i v p e " > - } d } i s a b l e F a s t R e n d e r ` d u r a n t e e l d e s a r r o l l o . Advertencia { E { { s { < t < a a / d A a m P d o I m n o i s n t e i i r t o á i n o e n t l y i > p m } e i } = n " a w d a a r n e i n n g l " a t p i r t ó l x e i = m " a A v v i e s r o s i d ó e n O p b r s i o n l c e i s p c a e l n . c i a " > } }
Peligro { { { * { < N < o a / d e a m j d o e m n c o i u n t t i i e t o s i n * o * n t y e > p s } e t } = o " d e a n n g p e r r o " d u > c } c } i ó n s i n u n a c o p i a d e s e g u r i d a d .
Botones Tres variantes: primary, secondary, outline. Las URLs externas se abren en una nueva pestaña.
Variante Código Primario {{< button url="/" variant="primary" >}}Inicio{{< /button >}}Secundario {{< button url="/" variant="secondary" >}}Docs{{< /button >}}Contorno {{< button url="/" variant="outline" >}}Saber Más{{< /button >}}Con icono {{< button url="https://github.com/adurrr/wavecast" icon="→" >}}Ver en GitHub{{< /button >}}
Inicio
Docs
Saber Más
→ Ver en GitHub
Elemento <figure> HTML5 mejorado con caption opcional, carga diferida y soporte de recursos.
{ { < f i g u r e s r c = " h t t p s : / / p i c s u m . p h o t o s / 8 0 0 / 4 0 0 " c a p t i o n = " U n a i m a g e n a l e a t o r i a d e L o r e m P i c s u m . " a l t = " F o t o a l e a t o r i a " > } }
Una imagen aleatoria de Lorem Picsum. Video <video> HTML5 con póster y caption opcionales.
{ { < v i d e o s r c = " h t t p s : / / w w w . w 3 s c h o o l s . c o m / h t m l / m o v _ b b b . m p 4 " p o s t e r = " h t t p s : / / p i c s u m . p h o t o s / 8 0 0 / 4 5 0 " c a p t i o n = " V i d e o d e m u e s t r a B i g B u c k B u n n y . " > } }
Su navegador no admite la etiqueta de video. Video de muestra Big Buck Bunny. Pestañas Pestañas solo con CSS (botones de radio). Útiles para ejemplos de código en múltiples lenguajes o cualquier contenido con pestañas.
{ { ` < ` { { ` . ` { { ` d ` { { { { ` b ` { { ` b ` { { ` o ` { { < < ` u ` < < ` t ` < < ` c ` < < t n u t t t / t / t m / / a a o t a { t a e t t b b n a b a b n a a s b p b t b b n c n a n . s > a l > a d > a q > } m a } m d } m u } > } e s } e i } e e } } = s = n = r } " = " g " y H " C : J S T b S a e M t S 0 v l L n " . a e " " 5 S c > > r c t > C } e r o } l } m i r } i p ( c 1 t ' k r " . e b m m > t e ; } n < } ' / b ) b o . u r a t d d t e d o r E n - v > r e a n d t i L u i s s : t e 8 n p e x r ; ( ' } c l i c k ' , = > a l e r t ( ' H o l a ' ) ) ;
Galería Cuadrícula CSS de miniaturas. Envuelve imágenes en Markdown. Las imágenes con enlace son cliqueables.
{ ! ! ! ! ! { { [ [ [ [ [ { < F F F F F < o o o o o g t t t t t a o o o o g l a l 1 2 3 4 5 l e ] ] ] ] ] l r ( ( ( ( ( e y h h h h h r t t t t t y > t t t t t } p p p p p > } s s s s s } : : : : : } / / p p p p p i i i i i c c c c c s s s s s u u u u u m m m m m . . . . . p p p p p h h h h h o o o o o t t t t t o o o o o s s s s s / / / / / 4 4 4 4 4 0 0 0 0 0 0 0 0 0 0 / / / / / 3 3 3 3 3 0 0 0 0 0 0 0 0 0 0 ? ? ? ? ? 1 2 3 4 5 ) ) ) ) ) Carrusel Carrusel CSS scroll-snap con botones anterior/siguiente. Cada imagen se convierte en una diapositiva.
{ ! ! ! { { [ [ [ { < D D D < i i i c a a a / a p p p c r o o o a o s s s r u i i i o s t t t u e i i i s l v v v e a a a l > } 1 2 3 > } ] ] ] } ( ( ( } h h h t t t t t t p p p s s s : : : / / p p p i i i c c c s s s u u u m m m . . . p p p h h h o o o t t t o o o s s s / / / 8 8 8 0 0 0 0 0 0 / / / 4 4 4 0 0 0 0 0 0 ? ? ? 1 2 3 0 0 0 ) ) )