Legends - sydsutton/FS.FluentUI GitHub Wiki

let legendsData = [
    [
        legend.title "Legend 1"
        legend.color (Fui.getColorFromToken Fui.dataVizPalette.color1)
        legend.action (fun _ -> printfn "click from legends pages")
        legend.onMouseOutAction (fun _ -> printfn "on mouse out action")
        legend.hoverAction (fun _ -> printfn "hover action")
    ]
    [
        legend.title "Legend 2"
        legend.color (Fui.getColorFromToken Fui.dataVizPalette.color2)
        legend.action (fun _ -> printfn "click from legends pages")
        legend.onMouseOutAction (fun _ -> printfn "on mouse out action")
        legend.hoverAction (fun _ -> printfn "hover action")
    ]
    [
        legend.title "Legend 3"
        legend.color (Fui.getColorFromToken Fui.dataVizPalette.color3)
        legend.action (fun _ -> printfn "click from legends pages")
        legend.onMouseOutAction (fun _ -> printfn "on mouse out action")
        legend.hoverAction (fun _ -> printfn "hover action")
        legend.shape.diamond
    ]
    [
        legend.title "Legend 4"
        legend.color (Fui.getColorFromToken Fui.dataVizPalette.color4)
        legend.action (fun _ -> printfn "click from legends pages")
        legend.onMouseOutAction (fun _ -> printfn "on mouse out action")
        legend.hoverAction (fun _ -> printfn "hover action")
        legend.shape.triangle
    ]
]

Fui.legends [
    legends.legends legendsData
]