Spinner

Spinner

Les spinners sont utilisés pour indiquer à votre utilisateur que le contenu est en cours de chargement sur l'écran.

import { Spinner } from 'nr1'

<Spinner />

<Spinner type={Spinner.TYPE.DOT} />

<Spinner inline />

`className` chaîne	Ajoute les noms de classe au composant. Doit être utilisé uniquement à des fins de positionnement et d'espacement.
`inline` booléen	Si `true`, le spinner sera affiché en ligne.
`spacingType` énumération[]	Propriété d'espacement. L'espacement est défini comme un uplet de zéro à quatre valeurs, qui suivent les mêmes conventions que les propriétés CSS comme `margin` ou `padding`. Pour omettre une valeur, utilisez `SPACING_TYPE.OMIT`. `<Array of<One ofSpinner.SPACING_TYPE.EXTRA_LARGE, Spinner.SPACING_TYPE.LARGE, Spinner.SPACING_TYPE.MEDIUM, Spinner.SPACING_TYPE.NONE, Spinner.SPACING_TYPE.OMIT, Spinner.SPACING_TYPE.SMALL > >`
`style` objet	Style en ligne pour un style personnalisé. Doit être utilisé uniquement à des fins de positionnement et d'espacement.
`testId` chaîne	Ajoute un attribut `data-test-id` . Utilisez-le pour cibler le composant dans les tests unitaires et E2E. Pour qu'un identifiant de test soit valide, préfixez-le avec votre identifiant nerdpack, suivi d'un point. Par exemple, `my-nerdpack.some-element`. Remarque : vous ne verrez peut-être pas l'attribut `data-test-id` car ils sont supprimés du DOM. Pour les déboguer, transmettez un paramètre de requête `e2e-test` à l'URL.
`type` énum.	Type d'animation de chargement. `<One ofSpinner.TYPE.CIRCLE, Spinner.TYPE.DOT >`