Daisy.Actions

Components in the DaisyUI Actions section

Button

btn : List (Attribute msg) -> List (Html msg) -> Html msg

A simple button

swap : (Bool -> msg) -> List (Attribute msg) -> Html msg -> Html msg -> Html msg

Swap allows you to toggle the visibility of two elements.

swapActive : Attribute msg

Attribute to turn the swap on by default

swapFlip : Attribute msg

Adds flip effect to swap

swapRotate : Attribute msg

Adds rotate effect to swap

openModal : String -> List (Attribute msg) -> List (Html msg) -> Html msg

A button that lives in your main document used to open the modal

closeModal : String -> List (Attribute msg) -> List (Html msg) -> Html msg

A button that lives in the modal used to close it.

alignTo : Dropdown -> Attribute msg

Attribute that defines the aligment of dropdown

dropdown : List (Attribute msg) -> List (Html msg) -> Html msg

The outer layer of a dropdown. It defines the label used to toggle it.

Content can be created by the auxiliary functions dropdownMenu, dropdownCard, dropdownData

dropdown [ alignTo End ]
    [ dropdownButton [ color primary ] [ text "open" ]
    , dropdownMenu [] [ text "Item 1", text "Item 2" ]
    ]

dropdownButton : List (Attribute msg) -> List (Html msg) -> Html msg

Button that triggers the dropdown

dropdownCard : List (Attribute msg) -> List (Html msg) -> Html msg

Contents for a dropdown card

dropdownData : Element msg -> List (Attribute msg) -> List (Html msg) -> Html msg

Contents for arbitrary dropdown content

dropdownMenu : List (Attribute msg) -> List (Html msg) -> Html msg

Contents for a dropdown menu