Gathering detailed insights and metrics for react-bootstrap-country-select
Gathering detailed insights and metrics for react-bootstrap-country-select
Country select form control with autosuggest for React Bootstrap
Installations
npm install react-bootstrap-country-selectDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
12.19.0
NPM Version
6.14.10
Languages
3
TypeScript
JavaScript
SCSS
TypeScript (84.46%)
JavaScript (13.56%)
SCSS (1.99%)
Developer
jaywilz
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
9 Stars
33 Commits
12 Forks
1 Watchers
2 Branches
2 Contributors
Updated on Feb 07, 2024
Maintainers
1
Package Meta Information
Latest Version
1.0.0
Package Id
react-bootstrap-country-select@1.0.0
Unpacked Size
928.02 kB
Size
187.35 kB
File Count
23
NPM Version
6.14.10
Node Version
12.19.0
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
1
Peer Dependencies
3
Dev Dependencies
27
@babel/cli@babel/core@babel/preset-env@babel/preset-react@babel/preset-typescript@rollup/plugin-node-resolve@rollup/plugin-typescript@testing-library/jest-dom@testing-library/react@testing-library/user-eventbootstrapcross-envnode-sassreactreact-bootstrapreact-domreact-scriptsreact-test-rendererrolluprollup-plugin-babelrollup-plugin-commonjsrollup-plugin-lessrollup-plugin-licenserollup-plugin-replacerollup-plugin-sassrollup-plugin-tstypescript
React Bootstrap Country Select 
A country select component with flag icons for React Bootstrap.
Go to the demos page to see it in action.
Installation
yarn add react-bootstrap-country-select
or
npm install react-bootstrap-country-select
Prerequisites
React Bootstrap must be installed and the Bootstrap CSS imported (or included).
Usage
In your index.js or similar:
1import 'bootstrap/dist/css/bootstrap.css'; // or include from a CDN 2import 'react-bootstrap-country-select/dist/react-bootstrap-country-select.css';
Your component:
1import React, { useState } from 'react'; 2import CountrySelect from 'react-bootstrap-country-select'; 3 4const MyComponent = () => { 5 6 const [ value, setValue ] = useState(null); 7 8 return ( 9 <CountrySelect 10 value={value} 11 onChange={setValue} 12 /> 13 ); 14 15};
Features
- Compatible with React Bootstrap v1.0.0+ and Bootstrap 4;
- Implemented using standard React Bootstrap components;
- Autosuggest: a list of matching countries is displayed when the input text changes;
- Country data is provided;
- Specific countries can be excluded and additional countries added;
- Country flag icons;
- onChange and onTextChange callbacks;
- Custom sort and country list formatter functions;
- Bootstrap small (
sm) and large (lg) sizes are supported - Aligns horizontally with Bootstrap form controls;
Options (as React props)
| Property | Type | Default | Description |
|---|---|---|---|
value | object | string | The current value: a country object, country ID or null. See valueAs. | |
onChange | function | A callback fired when a country is selected or unselected. The argument is the country object, country ID or null. | |
onTextChange | function | A callback fired when the input text changes. The first argument is the text value and the second argument is the input's change event object. | |
countries | array | An array of country objects used to populate the country list. Provide this if you'd like to use your own countries data. A country object has the properties: id, name, flag, alpha2, alpha3 and ioc. | |
exclusions | array | An array of country IDs that defines the countries to be excluded from the country list. | |
additions | array | Additional countries in the same format as countries. | |
valueAs | object | id | object | Determines if value is a country object or an ID string. |
flags | boolean | true | Flags are displayed when true and not displayed when false. |
flush | boolean | true | When true the selected country flag appears in the input. When false it is rendered using <InputGroup.Text/>. |
disabled | boolean | false | Disables the country select. |
placeholder | string | "Type or select country..." | Placeholder text displayed in empty input. |
noMatchesText | string | "No matches" | The text displayed when no countries match the entered input text. |
size | 'sm' | 'lg' | Input size variants, for compatibility with other Bootstrap form components. | |
listMaxHeight | number | Maximum pixel height of the list overlay. | |
sort | function | A custom sort function that determines the order of the country list. The function's two arguments country objects. | |
matchNameFromStart | boolean | true | If true autosuggest matches country names from the start of the string. |
matchAbbreviations | boolean | false | If true autosuggest matches against alpha2, alpha3 and IOC abbreviations in addition to country names. |
countryLabelFormatter | function | A custom country list item formatter. The argument is a country object. | |
throwInvalidValueError | boolean | false | If true an error is thrown if the provided value does not match a country. |
| formControlProps | object | | Properties applied to the <FormControl/> input. |
| overlayProps | object | | Properties applied to the overlay <div> element that contains the country list. |
| classPrefix | string | 'country-select' | Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized CSS. |
For further documentation and live examples visit the website.
If you have a usage query or feature request please create an issue.
License
Copyright (c) 2020 Jason Wilson
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
Found 1/29 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
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
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 2 are checked with a SAST tool
Reason
90 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
- Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q
- Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6
- Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
- Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
- Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
- Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
- Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
- Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh
- Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
- Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
- Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
- Warn: Project is vulnerable to: GHSA-33f9-j839-rf8h
- Warn: Project is vulnerable to: GHSA-c36v-fmgq-m8hx
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
- Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
- Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4
- Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g
- Warn: Project is vulnerable to: GHSA-qrpm-p2h7-hrv2
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
- Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
- Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
- Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
- Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
- Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
- Warn: Project is vulnerable to: GHSA-r8f7-9pfq-mjmv
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-v39p-96qg-c8rf
- Warn: Project is vulnerable to: GHSA-8v63-cqqc-6r2c
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6
- Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-7mwh-4pqv-wmr8
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
- Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
- Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
- Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
- Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
- Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
- Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
- Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc
- Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
- Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
- Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
- Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
- Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
- Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
- Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Score
1.7
/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