react-shields
===


Shields.io: Quality metadata badges open source projects for react component.

Install

``bash
npm install --save @uiw/react-shields


Via Yarn:


yarn add @uiw/react-shields
`

Usage

`jsx
import { Github, Coverage, Npm } from '@uiw/react-shields';
// Or
import Npm from '@uiw/react-shields/npm';
import Coverage from '@uiw/react-shields/coverage';
import Github from '@uiw/react-shields/github';
`

`jsx mdx:preview
import React from 'react';
import Github from '@uiw/react-shields/github';

export default function Demo() {
return (
<>













);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Github from '@uiw/react-shields/github';

export default function Demo() {
return (
<>








);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Npm from '@uiw/react-shields/npm';

export default function Demo() {
return (
<>






scope="@uiw"
type="peer-dependency"
dependency="react"
packageName="react-github-corners"
/>


);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Npm from '@uiw/react-shields/npm';

export default function Demo() {
return (
<>







);
}
`

`jsx mdx:preview
import React from 'react';
import Npm from '@uiw/react-shields/npm';

export default function Demo() {
const [scope, setScope] = React.useState('@uiw');
const [packageName, setPackageName] = React.useState('react-shields');
return (
<>





);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Npm from '@uiw/react-shields/npm';

export default function Demo() {
return (
<>






);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Github from '@uiw/react-shields/github';

export default function Demo() {
return (
<>
















);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Github from '@uiw/react-shields/github';

export default function Demo() {
return (
<>







);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Github from '@uiw/react-shields/github';

export default function Demo() {
return (
<>









);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Github from '@uiw/react-shields/github';

export default function Demo() {
return (
<>











);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Github from '@uiw/react-shields/github';

export default function Demo() {
return (
<>





);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Github from '@uiw/react-shields/github';

export default function Demo() {
return (
<>






);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Coverage from '@uiw/react-shields/coverage';

export default function Demo() {
return (
<>






);
}
`

$3

`jsx mdx:preview
import React from 'react';
import Coverage from '@uiw/react-shields/coverage';

export default function Demo() {
return (
<>






);
}
`

Development

Runs the project in development mode.

`bash


Step 1, run first, listen to the component compile and output the .js file

listen for compilation output type .d.ts file

npm run watch

Step 2, development mode, listen to compile preview website instance

npm run start
`

production

Builds the app for production to the build folder.

`bash
npm run build
``

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Contributors

As always, thanks to our amazing contributors!

Made with action-contributors.

License

Licensed under the MIT License.