@versini/ui-liveregion 2.0.9 → 2.0.11
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 +6 -8
- package/dist/index.js +3 -3
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
# @versini/ui-liveregion
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/@versini/ui-liveregion)
|
|
4
|
+
>)
|
|
4
5
|
|
|
5
6
|
> An accessible React live region component for dynamic content announcements.
|
|
6
7
|
|
|
7
8
|
The LiveRegion component provides ARIA live regions for announcing dynamic content changes to screen readers, essential for accessible web applications with real-time updates.
|
|
8
9
|
|
|
9
|
-
|
|
10
10
|
## Table of Contents
|
|
11
11
|
|
|
12
12
|
- [Features](#features)
|
|
@@ -27,7 +27,7 @@ The LiveRegion component provides ARIA live regions for announcing dynamic conte
|
|
|
27
27
|
npm install @versini/ui-liveregion
|
|
28
28
|
```
|
|
29
29
|
|
|
30
|
-
> **Note**: This component requires TailwindCSS and the `@versini/ui-styles` plugin for proper styling. See the [
|
|
30
|
+
> **Note**: This component requires TailwindCSS and the `@versini/ui-styles` plugin for proper styling. See the [installation documentation](https://versini-org.github.io/ui-components/?path=/docs/getting-started-installation--docs) for complete setup instructions.
|
|
31
31
|
|
|
32
32
|
## Usage
|
|
33
33
|
|
|
@@ -38,7 +38,7 @@ import { LiveRegion } from "@versini/ui-liveregion";
|
|
|
38
38
|
|
|
39
39
|
function App() {
|
|
40
40
|
const [status, setStatus] = useState("");
|
|
41
|
-
|
|
41
|
+
|
|
42
42
|
return (
|
|
43
43
|
<>
|
|
44
44
|
<button onClick={() => setStatus("Form saved successfully!")}>
|
|
@@ -57,12 +57,10 @@ import { LiveRegion } from "@versini/ui-liveregion";
|
|
|
57
57
|
|
|
58
58
|
function App() {
|
|
59
59
|
const [error, setError] = useState("");
|
|
60
|
-
|
|
60
|
+
|
|
61
61
|
return (
|
|
62
62
|
<>
|
|
63
|
-
<form onSubmit={handleSubmit}>
|
|
64
|
-
{/* form fields */}
|
|
65
|
-
</form>
|
|
63
|
+
<form onSubmit={handleSubmit}>{/* form fields */}</form>
|
|
66
64
|
<LiveRegion type="assertive">{error}</LiveRegion>
|
|
67
65
|
</>
|
|
68
66
|
);
|
|
@@ -84,7 +82,7 @@ function ContactForm() {
|
|
|
84
82
|
e.preventDefault();
|
|
85
83
|
setIsSubmitting(true);
|
|
86
84
|
setStatus("Submitting form...");
|
|
87
|
-
|
|
85
|
+
|
|
88
86
|
try {
|
|
89
87
|
await submitForm();
|
|
90
88
|
setStatus("Form submitted successfully!");
|
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { LiveRegion as o } from "./components/LiveRegion/LiveRegion.js";
|
|
2
2
|
/*!
|
|
3
|
-
@versini/ui-liveregion v2.0.
|
|
3
|
+
@versini/ui-liveregion v2.0.11
|
|
4
4
|
© 2025 gizmette.com
|
|
5
5
|
*/
|
|
6
6
|
try {
|
|
7
7
|
window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
|
|
8
|
-
version: "2.0.
|
|
9
|
-
buildTime: "08/23/2025
|
|
8
|
+
version: "2.0.11",
|
|
9
|
+
buildTime: "08/23/2025 12:21 PM EDT",
|
|
10
10
|
homepage: "https://github.com/aversini/ui-components",
|
|
11
11
|
license: "MIT"
|
|
12
12
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-liveregion",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.11",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"sideEffects": [
|
|
48
48
|
"**/*.css"
|
|
49
49
|
],
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "d568e20474c6c87f836c4cb6548f2cc0143a353c"
|
|
51
51
|
}
|