Table of Contents
Inline
The Inline loader is used as a typing indicator. This signals the other party is present and preparing a reply.
Used for this
- As a typing indicator
Not for this
- To show a loading state, use the Dots loader instead
How to use it
Default
The Inline loader is used to represent someone typing.
Color
Color can be explicitly set, but will be inherited from the parent element’s color by default.
Size
The width of the loader can be set using the size
property.
Configuration
- Name9.1.0•View source•View on npm
- Installnpm install @zendeskgarden/react-loaders
- Depsnpm install react react-dom styled-components @zendeskgarden/react-theming
- Importimport { Inline } from '@zendeskgarden/react-loaders'
API
Inline
Extends SVGAttributes<SVGSVGElement>
Prop name | Type | Default | Description |
---|---|---|---|
color | string | 'inherit' | Sets the fill color. Accepts a color variable key (i.e. |
size | number | 16 | Sets the width in pixels and scales the loader proportionally |