InlineLoading

Source code

Usage

Default

Active loading indicator
<script>
  import { InlineLoading } from "carbon-components-svelte";
</script>

<InlineLoading />

With description

Active loading indicator
Loading metrics...
<script>
  import { InlineLoading } from "carbon-components-svelte";
</script>

<InlineLoading description="Loading metrics..." />

Status states

Active loading indicator
Active loading indicator
<script>
  import { InlineLoading } from "carbon-components-svelte";
</script>

<InlineLoading status="active" />
<InlineLoading status="inactive" />
<InlineLoading status="finished" />
<InlineLoading status="error" />