SfLoaderLinear is animated loading spinner that can be used to show that some content is loading.
SfLoaderLinear does not set it's own width by default, however you can control its height with the
size prop. Possible values are
primary-700 as the color of the bar (customizable by setting text color) and
neutral-300 as its background. You can change these values in your Tailwind configuration (opens new window) or override them for a single element using
important modifier (opens new window).
Learn more about overriding default styles in Storefront UI.
aria-live="polite" to allow screen readers to read the loading status. This can be overriden by passing your own
aria-live value to the component.
It's important to properly set
aria-label for screen readers to read proper information while target component is loading. Default value is set to