Gathering detailed insights and metrics for @react-md/alert
Gathering detailed insights and metrics for @react-md/alert
React material design - An accessible React component library built from the Material Design guidelines in Sass
Installations
npm install @react-md/alertDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
18.18.0
NPM Version
lerna/4.0.0/node@v18.18.0+x64 (linux)
Releases
194
@react-md/core@6.3.1
@react-md/core@6.3.1
Updated on Jul 11, 2025
@react-md/core@6.3.0
@react-md/core@6.3.0
Updated on Jul 04, 2025
@react-md/core@6.2.1
@react-md/core@6.2.1
Updated on Jul 03, 2025
@react-md/core@6.2.0
@react-md/core@6.2.0
Updated on Jun 13, 2025
@react-md/core@6.1.0
@react-md/core@6.1.0
Updated on May 30, 2025
@react-md/core@6.0.2
@react-md/core@6.0.2
Updated on May 24, 2025
Languages
5
TypeScript
MDX
SCSS
JavaScript
Lua
TypeScript (89.84%)
MDX (5.71%)
SCSS (4.33%)
JavaScript (0.12%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
2,339 Stars
6,519 Commits
301 Forks
53 Watchers
12 Branches
68 Contributors
Updated on Jul 11, 2025
Maintainers
1
Package Meta Information
Latest Version
5.1.6
Package Id
@react-md/alert@5.1.6
Unpacked Size
171.15 kB
Size
32.63 kB
File Count
79
NPM Version
lerna/4.0.0/node@v18.18.0+x64 (linux)
Node Version
18.18.0
Published on
Dec 11, 2023
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
8
@react-md/alert
Create accessible alerts that can be displayed to users in your app. This
package provides a MessageQueue for showing messages and a useAddMessage
hook to push alerts into the queue.
Installation
1npm install --save @react-md/alert
It is generally recommended to also install the following packages since they work hand-in-hand with this package:
1npm install --save @react-md/theme \ 2 @react-md/typography \ 3 @react-md/button
Documentation
You should check out the full documentation for live examples and more customization information, but an example usage is shown below.
Usage
src/index.tsx
1import { render } from "react-dom"; 2import { MessageQueue } from "@react-md/alert"; 3 4import App from "./App"; 5 6render( 7 <MessageQueue id="main-alerts"> 8 <App /> 9 </MessageQueue>, 10 document.getElementById("root") 11);
src/App.tsx
1import type { ReactElement } from "react"; 2import { useAddMessage } from "@react-md/alert"; 3import { Button } from "@react-md/button"; 4 5function App(): ReactElement { 6 const addMessage = useAddMessage(); 7 8 return ( 9 <Button 10 id="button-1" 11 onClick={() => addMessage({ children: "Example Message" })} 12 > 13 Show Message 14 </Button> 15 ); 16} 17 18export default App;
No vulnerabilities found.
Reason
30 commit(s) and 3 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
SAST tool detected: CodeQL
Details
- Info: SAST configuration detected: CodeQL
- Warn: no pull requests merged into dev branch
Reason
no binaries found in the repo
Reason
dependency not pinned by hash detected -- score normalized to 2
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/mlaursen/react-md/codeql-analysis.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:62: update your workflow using https://app.stepsecurity.io/secureworkflow/mlaursen/react-md/codeql-analysis.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:90: update your workflow using https://app.stepsecurity.io/secureworkflow/mlaursen/react-md/codeql-analysis.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/label.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/mlaursen/react-md/label.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/mlaursen/react-md/main.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/mlaursen/react-md/main.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/mlaursen/react-md/main.yml/main?enable=pin
- Warn: containerImage not pinned by hash: examples/react-router-framework-mode/Dockerfile:1
- Warn: containerImage not pinned by hash: examples/react-router-framework-mode/Dockerfile:6
- Warn: containerImage not pinned by hash: examples/react-router-framework-mode/Dockerfile:11
- Warn: containerImage not pinned by hash: examples/react-router-framework-mode/Dockerfile:17: pin your Docker image by updating node:20-alpine to node:20-alpine@sha256:fa316946c0cb1f041fe46dda150f3085b71168555e5706ec0c7466a5bae12244
- Info: 0 out of 6 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 1 third-party GitHubAction dependencies pinned
- Info: 0 out of 4 containerImage dependencies pinned
- Info: 2 out of 2 npmCommand dependencies pinned
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Info: jobLevel 'packages' permission set to 'read': .github/workflows/codeql-analysis.yml:36
- Info: jobLevel 'actions' permission set to 'read': .github/workflows/codeql-analysis.yml:39
- Info: jobLevel 'contents' permission set to 'read': .github/workflows/codeql-analysis.yml:40
- Warn: no topLevel permission defined: .github/workflows/codeql-analysis.yml:1
- Warn: no topLevel permission defined: .github/workflows/label.yml:1
- Warn: no topLevel permission defined: .github/workflows/main.yml:1
- Info: no jobLevel write permissions found
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
15 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
- Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m
- Warn: Project is vulnerable to: GHSA-ch52-vgq2-943f
- Warn: Project is vulnerable to: GHSA-5v2h-r2cx-5xgj
- Warn: Project is vulnerable to: GHSA-rrrm-qjm4-v8hf
- Warn: Project is vulnerable to: GHSA-7m27-7ghc-44w9
- Warn: Project is vulnerable to: GHSA-qpjv-v59x-3qc4
- Warn: Project is vulnerable to: GHSA-f82v-jwr5-mffw
- Warn: Project is vulnerable to: GHSA-3h52-269p-cp9r
- Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx
- Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch
- Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
Score
4.6
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More