Ir al contenido

Etiqueta

Texto que toma el color del tema. color es un token del tema ("text", "accent", "error"…) o un color hex, y size es un paso con nombre ("xs" a "2xl") o un número. ui.muted(...) es una etiqueta con el color "text_muted", para texto secundario.

ui.label · Categoría: Visualización · Referencia completa →

EtiquetaEtiqueta
  • Para cualquier texto en una interfaz con tema: sigue los cambios de tema, a diferencia de un pz.text con colores fijos.
  • Usa ui.muted para descripciones, pistas y metadatos.
  • Para títulos usa Encabezado.
import pyzed as pz
from pyzed import ui
pz.column([
ui.label("Pyzed draws native UIs with Iced."),
ui.muted("Secondary text uses the muted color."),
ui.label("Accent and semibold", color="accent", weight="semibold"),
ui.label("def mono(): ...", mono=True, size="sm"),
], spacing=8)

Los tamaños con nombre siguen el tamaño de fuente del tema; un número es un tamaño en píxeles.

Etiqueta: size="xs"Etiqueta: size="xs"
size="xs"
Código
ui.label("Extra small", size="xs")
Etiqueta: size="sm"Etiqueta: size="sm"
size="sm"
Código
ui.label("Small", size="sm")
Etiqueta: size="md"Etiqueta: size="md"
size="md"
Código
ui.label("Medium", size="md")
Etiqueta: size="lg"Etiqueta: size="lg"
size="lg"
Código
ui.label("Large", size="lg")
Etiqueta: size="xl"Etiqueta: size="xl"
size="xl"
Código
ui.label("Extra large", size="xl")
Etiqueta: size="2xl"Etiqueta: size="2xl"
size="2xl"
Código
ui.label("Huge", size="2xl")
Etiqueta: color="text"Etiqueta: color="text"
color="text"
Código
ui.label("Text")
Etiqueta: ui.mutedEtiqueta: ui.muted
ui.muted
Código
ui.muted("Muted text")
Etiqueta: color="accent"Etiqueta: color="accent"
color="accent"
Código
ui.label("Accent", color="accent")
Etiqueta: color="success"Etiqueta: color="success"
color="success"
Código
ui.label("Success", color="success")
Etiqueta: color="warning"Etiqueta: color="warning"
color="warning"
Código
ui.label("Warning", color="warning")
Etiqueta: color="error"Etiqueta: color="error"
color="error"
Código
ui.label("Error", color="error")
Etiqueta: color="#c678dd"Etiqueta: color="#c678dd"
color="#c678dd"
Código
ui.label("Any hex color", color="#c678dd")
Etiqueta: weight="normal"Etiqueta: weight="normal"
weight="normal"
Código
ui.label("Normal", weight="normal", size="lg")
Etiqueta: weight="medium"Etiqueta: weight="medium"
weight="medium"
Código
ui.label("Medium", weight="medium", size="lg")
Etiqueta: weight="semibold"Etiqueta: weight="semibold"
weight="semibold"
Código
ui.label("Semibold", weight="semibold", size="lg")
Etiqueta: weight="bold"Etiqueta: weight="bold"
weight="bold"
Código
ui.label("Bold", weight="bold", size="lg")
Etiqueta: italic=TrueEtiqueta: italic=True
italic=True
Código
ui.label("Italic", italic=True, size="lg")
Etiqueta: mono=TrueEtiqueta: mono=True
mono=True
Código
ui.label("def mono(): ...", mono=True)

Etiqueta no tiene eventos propios: muestra lo que le das. Como todo widget, también tiene los 18 eventos comunes (click, double_click, right_click, mouse_enter, drag, key_down, resize…), que se conectan con .on(...): mira Eventos y Eventos de cada componente.

label(
content,
*,
color='text',
size='md',
weight=None,
mono=False,
italic=False,
wrap=True,
theme=None,
**kwargs,
)

Texto con un color del tema.

Propiedad Por defecto Descripción
content obligatorio Contenido: un Widget, un texto o un número (se convierte en texto).
color "text" Token del tema o color hex. Por defecto "text".
size "md" "xs" (11), "sm" (12), "md" (13.5), "lg" (16), "xl" (20), "2xl" (26) o un número.
weight None Peso: "medium", "semibold", "bold"…
mono False Usa la fuente monoespaciada (IBM Plex Mono).
italic False Cursiva.
wrap True Ajuste de línea.
theme None Tema a usar en lugar del actual (pyzed.theme.current()).
**kwargs — Se pasan a pyzed.text.

Referencia completa →

muted(content, **kwargs)

Un label con color "text_muted".

Propiedad Por defecto Descripción
content obligatorio Contenido: un Widget, un texto o un número (se convierte en texto).
**kwargs — Los de label.

Referencia completa →