npmpackage.info

Gathering detailed insights and metrics for @react-md/autocomplete

Other packages similar to @react-md/autocomplete

@rupam71/autocomplete

5.1.6

This Package is Fork from [@react-md/autocomplete](https://www.npmjs.com/package/@react-md/autocomplete)

Gathering detailed insights and metrics for @react-md/autocomplete

@react-md/autocomplete - 5.1.6 | npmpackage.info

@react-md/autocomplete

React material design - An accessible React component library built from the Material Design guidelines in Sass

5.1.6

2,338

MIT

TypeScript

180.50 kB

4.6

Installations

npm install @react-md/autocomplete

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

18.18.0

NPM Version

lerna/4.0.0/node@v18.18.0+x64 (linux)

Pull Requests

Open

0

Total

741

Closed

315

Merged

426

Issues

Open

17

Total

722

Closed

705

Releases

194

@react-md/core@6.3.1

Updated on Jul 11, 2025

@react-md/core@6.3.0

Updated on Jul 04, 2025

@react-md/core@6.2.1

Updated on Jul 03, 2025

@react-md/core@6.2.0

Updated on Jun 13, 2025

@react-md/core@6.1.0

Updated on May 30, 2025

@react-md/core@6.0.2

Updated on May 24, 2025

View All 194 releases

Languages

TypeScript

MDX

SCSS

JavaScript

Lua

TypeScript (89.84%)

MDX (5.71%)

SCSS (4.33%)

JavaScript (0.12%)

Developer

mlaursen

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

2,338 Stars

6,519 Commits

301 Forks

53 Watchers

12 Branches

68 Contributors

Updated on Jul 15, 2025

Maintainers

View All 68 Contributors

Package Meta Information

Latest Version

5.1.6

Package Id

@react-md/autocomplete@5.1.6

Unpacked Size

180.50 kB

Size

31.68 kB

File Count

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

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

@react-md/autocomplete

Create an accessible autocomplete component that allows a user to get real-time suggestions as they type within an input. This component can also be hooked up to a backend API that handles additional filtering or sorting.

Installation

1npm install --save @react-md/autocomplete

Documentation

You should check out the full documentation for live examples and more customization information, but an example usage is shown below.

Usage

The AutoComplete component just requires:

an id to identify the field (required for a11y)
a list of data that can be a list of string, number, or object

However, it is recommended to also provide a label and placeholder text to help the user understand this component.

1import { AutoComplete } from "@react-md/autocomplete";
2
3const fruits = [
4  "Apple",
5  "Apricot",
6  "Banana",
7  "Blueberry",
8  "Cranberry",
9  "Kiwi",
10  "Peach",
11  "Plum",
12  "Strawberry",
13];
14
15function Example() {
16  return (
17    <AutoComplete
18      id="search-fruits"
19      name="fruits"
20      label="Fruits"
21      placeholder="Kiwi..."
22      data={fruits}
23    />
24  );
25}

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

10

SAST

Determines if the project uses static code analysis.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

2

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

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

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

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

Other packages similar to @react-md/autocomplete

Other packages similar to @react-md/autocomplete

@react-md/autocomplete

Installations

Developer Guide

Yes

CommonJS

18.18.0

lerna/4.0.0/node@v18.18.0+x64 (linux)

Pull Requests

0

741

315

426

Issues

17

722

705

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

@react-md/autocomplete

Installation

Documentation

Usage

10

10

10

10

10

2

0

0

0

0

0

0

4.6

/10