Skip to content

Input Label

Andrew Sutton edited this page Jan 26, 2024 · 3 revisions

image

open FS.FluentUI.V8toV9

Fui.stack [
    stack.horizontal false
    stack.children [
        Fui.label [
            label.htmlFor "emailId"
            label.text "Email input"
            label.required true
        ]
        Fui.input [
            input.type'.email
            input.id "emailId"
            input.value "lol@lol.com"
            input.onChange (fun (v: ValueProp<string>) -> printfn "%s" v.value)
            input.contentBefore (
                Fui.icon.albumAddFilled []
            )
            input.contentAfter (
                Fui.icon.airplaneRegular []
            )
            input.size.large
            input.appearance.outline
        ]
    ]
]
Clone this wiki locally