Text

Text(content: string | { markdown: string }): Component;

Text("Hello, world!")

Text({ markdown: "**Bold** and *italic* text with [links](https://example.com)" })

Text("Welcome back")
    .font("title")
    .foregroundStyle(Color("blue"))
    .bold()

Text("This is a longer text that will wrap across multiple lines depending on available width.")
    .multilineTextAlignment("center")
    .lineLimit(3)
    .lineSpacing(4)

Text("SALE")
    .font("caption")
    .fontWeight("bold")
    .tracking(2)
    .foregroundStyle(Color("red"))
    .textCase("uppercase")

Text("Badge")
    .font("caption2")
    .bold()
    .foregroundStyle(Color("white"))
    .padding({ horizontal: 8, vertical: 4 })
    .background(Color("blue"))
    .cornerRadius(4)