Skeleton

open FS.FluentUI.V8toV9

[<ReactComponent>]
let SkeletonTest() =
    Fui.stack [
        stack.tokens [ stack.tokens.childrenGap 16 ]
        stack.children [
            Fui.field [
                field.validationMessage "Wave animation"
                field.validationState.none
                field.children (
                    Fui.skeleton [
                        skeleton.style [ style.width 300 ]
                        skeleton.children [
                            Fui.skeletonItem [
                                skeletonItem.animation.wave
                            ]
                        ]
                    ]
                )
            ]
            Fui.field [
                field.validationMessage "Pulse animation"
                field.validationState.none
                field.children (
                    Fui.skeleton [
                        skeleton.style [ style.width 300 ]
                        skeleton.children [
                            Fui.skeletonItem [
                                skeletonItem.animation.pulse
                            ]
                        ]
                    ]
                )
            ]
            Fui.field [
                field.validationMessage "Pulse animation"
                field.validationState.none
                field.children (
                    Fui.skeleton [
                        skeleton.children [
                            Fui.skeletonItem [
                                skeletonItem.shape.circle
                                skeletonItem.animation.pulse
                            ]
                        ]
                    ]
                )
            ]
        ]
    ]