Saltar al contenido

Badge

Describe estados y metadatos con etiquetas de texto.

Uso

Información Publicado Beta Activo Pendiente Revisar
meeko
<UIBadge>Información</UIBadge>
<UIBadge tone="accent">Publicado</UIBadge>
<UIBadge tone="danger">Revisar</UIBadge>
Propiedades
Nombre Tipo / valor inicial Descripción
tone neutral | accent | info | success | warning | danger neutral Tratamiento visual de la etiqueta.
dot boolean false Añade un punto del color del tono, decorativo.
class string Clases adicionales.

Contenido y accesibilidad

El snippet default es obligatorio. Badge se representa como un span: no añade interacción, roles ni anuncios. Usa texto que explique el estado; el color no debe ser su único significado.

¿Te sirvió esta página?

Añadir un comentario

Se envía al elegir «Sí» o «No». Solo se guardan la página, tu respuesta y el comentario: ni cookies ni datos tuyos.

0 de 2000 caracteres