website/themes/after-dark/docs/content/shortcode/throbber.md

+++ title = "Throbber" description = "Display a CSS-only loading indicator." categories = ["experience"] tags = [] html_attributes = [] custom_attributes = [] snippets_used = ["throbber", "button"] copyright owner = "Josh Habdas" date = "2019" license = "agpl-3.0-or-later" +++

Basic usage:

{{</* hackcss-throbber */>}}

{{< hackcss-throbber >}}

Inside a Button:

{{</* hackcss-button isghost="true" type="info" >}}
  Please wait&hellip; {{< hackcss-throbber >}}
{{< /hackcss-button */>}}

{{< hackcss-button isghost="true" type="info" >}} Please wait… {{< hackcss-throbber >}} {{< /hackcss-button >}}

Customize by creating your own {{< external text="CSS-only loading" href="https://www.pexels.com/blog/css-only-loaders/" />}} indicator.