ShoelaceWidgets.jl

Implemented Widgets for Shoelace web components using Bonito

Currently implemented:

• Input
• Button
• Select
• Radio

Example

The following code produces an app with an input field. On the Julia side, the input object contains the field value which is an Observable that stays synced with the contents of the input field.

using Bonito
using ShoelaceWidgets

input = SLInput(""; label="Test", placeholder="Name")
app = App() do session
    DOM.html(
        DOM.head(
            get_shoelace()...
        ),
        DOM.body(
            input
        )
    )
end

using Bonito
using ShoelaceWidgets
input = SLInput(""; label="Test", placeholder="Name")
DOM.html(
    DOM.head(
        get_shoelace()...
    ),
    DOM.body(
        input
    )
)