// Linha "Carregando dados…" com spinner.
component {
props {
prop(name = note, default = "")
}
resources {
style """
.loading-row { spacing: 9; align-y: center; padding: 8; }
.loading-row__spin { width: 16; height: 16; color: var(--spin); }
.loading-row__note { size: 13; color: var(--muted); }
"""
}
row(class = loading-row) {
spinner(class = loading-row__spin)
text(class = loading-row__note, if = @note, not_equals = "", content = "@note")
text(
class = loading-row__note,
if = @note,
equals = "",
content = "Carregando dados…",
)
}
}