Text

using Fugl
using Fugl: Text

function MyApp()
    Container(
        Text("Some Text")
    )
end

screenshot(MyApp, "text.png", 400, 150);

Text

Wrapping

The Text component support wrapping by default.

using Fugl
using Fugl: Text

function MyApp()
    Container(
        Text("Some strings may be too long to fit, and must be drawn over multiple lines.")
    )
end

screenshot(MyApp, "text_wrap.png", 400, 150);

Text wrapping

Horizontal Alignement

using Fugl
using Fugl: Text

function MyApp()
    Container(
        Column([
            Text("Align left",   horizontal_align=:left),
            Text("Align center", horizontal_align=:center),
            Text("Align right",  horizontal_align=:right)
        ])
    )
end

screenshot(MyApp, "text_align.png", 400, 150);

Text horizontal alignement

Vertical Alignement

using Fugl
using Fugl: Text

function MyApp()
    Container(
        Column([
            Text("Align top",    vertical_align=:top),
            Text("Align middle", vertical_align=:middle),
            Text("Align bottom", vertical_align=:bottom)
        ])
    )
end

screenshot(MyApp, "text_vertical_align.png", 400, 150);

Text vertical alignment