@behivetech/atoms.spinner 0.4.2 → 0.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -10
- package/docs.json +1 -1
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
A loading spinner with size variants and accessible labeling.
|
|
4
4
|
|
|
5
|
+
Docs: https://bht-galaxy.vercel.app/behivetech/atoms/spinner
|
|
6
|
+
|
|
5
7
|
A pure CSS animated loading indicator. Uses `role="status"` and `aria-label` so screen readers announce the loading state without visual output.
|
|
6
8
|
|
|
7
9
|
## Usage
|
|
@@ -38,16 +40,6 @@ import { Spinner } from "@behivetech/atoms.spinner";
|
|
|
38
40
|
<Spinner size="md" label="Saving your changes..." />
|
|
39
41
|
```
|
|
40
42
|
|
|
41
|
-
## Props
|
|
42
|
-
|
|
43
|
-
| Prop | Type | Default | Description |
|
|
44
|
-
| --------- | ---------------------- | -------------- | ------------------------------------ |
|
|
45
|
-
| size | `'sm' \| 'md' \| 'lg'` | `'md'` | Controls the diameter |
|
|
46
|
-
| label | string | `'Loading...'` | `aria-label` text for screen readers |
|
|
47
|
-
| className | string | - | Additional CSS classes |
|
|
48
|
-
|
|
49
|
-
All other native `<span>` attributes are forwarded to the root element.
|
|
50
|
-
|
|
51
43
|
## Accessibility
|
|
52
44
|
|
|
53
45
|
- `role="status"` announces loading state to screen readers
|
package/docs.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@behivetech/atoms.spinner",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.4",
|
|
4
4
|
"license": "MIT",
|
|
5
|
+
"description": "A loading spinner with size variants and accessible labeling.",
|
|
5
6
|
"type": "module",
|
|
6
7
|
"private": false,
|
|
7
8
|
"exports": {
|
|
@@ -44,6 +45,7 @@
|
|
|
44
45
|
"url": "https://github.com/behivetech/bht-galaxy.git",
|
|
45
46
|
"directory": "registry/behivetech/atoms/spinner"
|
|
46
47
|
},
|
|
48
|
+
"homepage": "https://bht-galaxy.vercel.app/behivetech/atoms/spinner",
|
|
47
49
|
"publishConfig": {
|
|
48
50
|
"registry": "https://registry.npmjs.org",
|
|
49
51
|
"access": "public",
|