Shields.io for react component, Quality metadata badges for open source projects.
npm install @uiw/react-shieldsreact-shields
===







Shields.io: Quality metadata badges open source projects for react component.
``bash`
npm install --save @uiw/react-shieldsVia Yarn:
yarn add @uiw/react-shields
`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 (
<>
>
);
}
`
`jsx mdx:preview
import React from 'react';
import Github from '@uiw/react-shields/github';
export default function Demo() {
return (
<>
>
);
}
`
`jsx mdx:preview
import React from 'react';
import Npm from '@uiw/react-shields/npm';
export default function Demo() {
return (
<>
type="peer-dependency"
dependency="react"
packageName="react-github-corners"
/>
>
);
}
`
`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!
As always, thanks to our amazing contributors!
Made with action-contributors.
Licensed under the MIT License.