Badge

Ejemplos de uso básico de badge.

Paquete: @solidiom/badge
Versión: 0.0.1-next.0
Estado: stable

Ejemplos

import * as Badge from "@solidiom/badge"

;<Badge.Root>v1.0</Badge.Root>

En Contexto

Usa badges en línea con texto para indicar estado, versión o etiquetas.

;<div>
  <span>Lanzamiento</span>
  <Badge.Root>v2.0</Badge.Root>
</div>

Múltiples Badges

Coloca varios badges juntos para mostrar estado compuesto o etiquetas.

;<div style={{ display: "flex", gap: "4px" }}>
  <Badge.Root>nuevo</Badge.Root>
  <Badge.Root>destacado</Badge.Root>
</div>

v1.0nuevodestacado

Ver código fuente

        export function Root(props: BadgeProps) {
  return (
    <span class={props.class} {...applySemanticAttrs({ scope: "badge", part: "root" })}>
      {props.children}
    </span>
  )
}