button.loading deprecation

[sandeepc24]

I have upgraded to latest DaisyUI and get following warning

How can I fix this?

[Dzoukr]

Use https://daisyui.com/components/loading/

[sandeepc24]

How can I show spinner inside button as is the case with this button.

[sandeepc24]

Something like

[Freymaurer]

@sandeepc24 daisyui uses css classes for styling. So the you if you are unable to find something in Feliz.DaisyUI you can always click on the "HTML" tab next to "Preview" and find the following:

<button class="btn">
  <span class="loading loading-spinner"></span>
  loading
</button>

Which you can translate to Feliz style with

Html.button [
  prop.className "btn"
  prop.children [
    Html.span [prop.className "loading loading-spinner"]
    Html.text "loading"
  ]
]

Feliz.DaisyUI provides wrappers for these functions to make you write less "prop.children"/"prop.className" with discoverable api, but if everything fails you can always fallback to this.

Hope this helped 🙂