Installations

npm install @types/react-flag-icon-css

Developer Guide

BETA

Typescript

Yes

Module System

N/A

Pull Requests

Open

154

Total

61,824

Closed

9,749

Merged

51,921

Issues

Open

565

Total

8,085

Closed

7,520

Releases

1

0.1.450

Updated on Sep 04, 2019

View All 1 releases

Languages

3

TypeScript

JavaScript

Shell

TypeScript (99.84%)

JavaScript (0.15%)

Shell (0.01%)

Developer

DefinitelyTyped

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

NOASSERTION License

50,040 Stars

89,741 Commits

30,435 Forks

640 Watchers

6 Branches

9,957 Contributors

Updated on Jul 15, 2025

Maintainers

1

View All 9,957 Contributors

Package Meta Information

Latest Version

1.0.10

Package Id

@types/react-flag-icon-css@1.0.10

Unpacked Size

6.10 kB

Size

2.15 kB

File Count

5

Published on

Dec 12, 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

2

@types/react csstype

Installation

npm install --save @types/react-flag-icon-css

Summary

This package contains type definitions for react-flag-icon-css (https://github.com/matteocng/react-flag-icon-css#readme).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-flag-icon-css.

index.d.ts

1import * as CSS from "csstype";
2import { PureComponent, ReactNode } from "react";
3
4export type FlagIconSize = "lg" | "2x" | "3x" | "4x" | "5x";
5export type FlagIconFlip = "horizontal" | "vertical";
6export type FlagIconRotate = 30 | 60 | 90 | 180 | 270;
7
8export interface FlagIconOptions {
9    /**
10     * Use CSS modules styles (your module bundler must be correctly setup).
11     */
12    useCssModules?: boolean | undefined;
13    /**
14     * An object literal whose keys are your custom codes.
15     */
16    customCodes?: {
17        [key: string]: string;
18    } | undefined;
19    /**
20     * Set this if useCssModules is true and a) you want to apply styles to FlagIcon
21     * using .theme-base and/or b) you are using custom flags.
22     */
23    themeStyles?: {
24        [key: string]: CSS.Properties & CSS.PropertiesHyphen;
25    } | undefined;
26}
27
28export interface FlagIconProps {
29    /**
30     * ISO 3166-1-alpha-2 code.
31     */
32    code: string;
33    size?: FlagIconSize | undefined;
34    flip?: FlagIconFlip | undefined;
35    rotate?: FlagIconRotate | undefined;
36    Component?: string | undefined;
37    /**
38     *     Uses the 1x1 image if true.
39     */
40    squared?: boolean | undefined;
41    /**
42     * This is always appended as-is to class in the HTML.
43     */
44    className?: string | undefined;
45    /**
46     * This is mapped to a CSS module and appended to class in the HTML.
47     */
48    styleName?: string | undefined;
49    children?: ReactNode | undefined;
50}
51
52export class FlagIcon extends PureComponent<FlagIconProps> {}
53
54export default function FlagIconFactory(react: any, opts?: Readonly<FlagIconOptions>): typeof FlagIcon;
55
56export function CustomFlagIconFactory(react: any, opts?: Readonly<FlagIconOptions>): typeof FlagIcon;
57

Additional Details

Last updated: Tue, 12 Dec 2023 19:06:50 GMT
Dependencies: @types/react, csstype

Credits

These definitions were written by Jon Freedman.

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Security-Policy

Determines if the project has published a security policy.

10

Dangerous-Workflow

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

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

Binary-Artifacts

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

9

Code-Review

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

9

License

Determines if the project has defined a license.

8

Pinned-Dependencies

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

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

SAST

Determines if the project uses static code analysis.

0

Fuzzing

Determines if the project uses fuzzing.

Score

7

/10

Last Scanned on 2025-07-14

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 @types/react-flag-icon-css

Other packages similar to @types/react-flag-icon-css

@types/react-flag-icon-css

Installations

Developer Guide

Yes

N/A

Pull Requests

154

61,824

9,749

51,921

Issues

565

8,085

7,520

Releases

Languages

Developer

DefinitelyTyped

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Installation

Summary

Details

index.d.ts

Additional Details

Credits

10

10

10

10

10

9

9

8

0

0

0

0

7

/10