diff --git a/aries-site/src/data/structures/components.js b/aries-site/src/data/structures/components.js index 8b854838c..a5d4ed461 100644 --- a/aries-site/src/data/structures/components.js +++ b/aries-site/src/data/structures/components.js @@ -1408,7 +1408,7 @@ export const components = [ }, }, seoDescription: - 'Spinner is an animated graphic element loading state for quick asynchronous tasks.', + 'Spinner is an small motion graphic element loading state for quick asynchronous tasks.', relatedContent: ['Lists', 'DataTable', 'Forms'], sections: [ 'When to use Spinner', diff --git a/aries-site/src/pages/components/button.mdx b/aries-site/src/pages/components/button.mdx index 65f65e871..488010291 100644 --- a/aries-site/src/pages/components/button.mdx +++ b/aries-site/src/pages/components/button.mdx @@ -283,7 +283,7 @@ A button's visual state may be specified as appropriate in the application's con -#### Busy button +#### Busy button The busy and success states of button can be used when an action may take a couple of seconds to complete or validate. A common example is when a form requires server side validation. diff --git a/aries-site/src/pages/components/skeleton.mdx b/aries-site/src/pages/components/skeleton.mdx index f68fd84e9..b67707111 100644 --- a/aries-site/src/pages/components/skeleton.mdx +++ b/aries-site/src/pages/components/skeleton.mdx @@ -16,7 +16,7 @@ import { DashBoardSkeletonExample, SkeletonAnatomy } from '../../examples'; ### When to use -Skeletons are used on all pages to provide a visual layout of the content being loaded. They help users perceive a loading period as being shorter in duration. +The interface is content-rich and has asynchronous loading, to stabilize layout and prevent shifts during content retrieval. ### When not to use Skeletons should not be used if: diff --git a/aries-site/src/pages/components/spinner.mdx b/aries-site/src/pages/components/spinner.mdx index 9b1e9acff..033bc2012 100644 --- a/aries-site/src/pages/components/spinner.mdx +++ b/aries-site/src/pages/components/spinner.mdx @@ -30,6 +30,7 @@ Avoid showing multiple Loading Spinners on a single page. - When fetching data or content, where the expected response time is greater than ~300ms. - When loading more information into a Table or List. +- When loading an interface with minimal content. ### Accessibility