@clayui/loading-indicator

ClayLoadingIndicator component

Usage no npm install needed!

<script type="module">
  import clayuiLoadingIndicator from 'https://cdn.skypack.dev/@clayui/loading-indicator';
</script>

README

title: 'Loading Indicator' description: 'The loading indicator shows the user that an external process, like a connection, is being executed.' lexiconDefinition: 'https://liferay.design/lexicon/core-components/loading-indicator/' packageNpm: '@clayui/loading-indicator'

import { LoadingIndicator, LoadingIndicatorLight, LoadingIndicatorSmall, } from '$packages/clay-loading-indicator/docs/index';

Light

Use light property for setting the loading indicator to be more accessible in some cases.

Small

By default, the loading indicator is sized 16px but if you want a smaller version, you can try using the small property.