# hosted_on
> A simple footer component for React displaying where the source is hosted on.
Latest version **0.1.1** (published 2018-02-07) · MIT license · 0 weekly downloads
## Install
```sh
npm install hosted_on
pnpm add hosted_on
yarn add hosted_on
bun add hosted_on
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support; pre 1.0.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 0.1.1 |
| Published | 2018-02-07 |
| First published | 2018-02-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 67.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Michael |
| Maintainers | mayk93 |
## Links
- npm: https://www.npmjs.com/package/hosted_on
- Repository: https://github.com/mayk93/HostedOn
- Homepage: https://github.com/mayk93/HostedOn#readme
- Issues: https://github.com/mayk93/HostedOn/issues
- npm.io page: https://npm.io/package/hosted_on
## Dependencies (2)
- [react](https://npm.io/package/react.md) ^16.2.0
- [react-fontawesome](https://npm.io/package/react-fontawesome.md) ^1.6.1
## Recent versions
- 0.1.1 (latest) — 2018-02-07
- 0.1.0 — 2018-02-07
- 0.0.5 — 2018-02-07
- 0.0.2 — 2018-02-06
- 0.0.1 — 2018-02-06
## README
# HostedOn
A simple footer component for React displaying where the source is hosted on.
---
---
1. Status
[](https://travis-ci.org/mayk93/HostedOn)
---
---
2. Installation
Your choice of `yarn add hosted_on` or `npm install hosted_on`. When installing with `npm`, you
can also use `npm install hosted_on --save` in order to save to your `package.json`.
In your `index.html`, add the following:
```
```
That may not be necessary. That is simply the easiest way to get `font awesome`. If you downloaded it,
you can use your own.
---
---
3. Use
Inside a component you define (most likely the main component like `App.js`), do `import HostedOn from 'hosted_on'`.
White the component imported, use it like this:
``
It doesn't have to be `Github`. You can use it with `Bitbucket` or `Gitlab`, whatever else is out there.
The component will try to guess the icon based on the link and will send you there if you click.
You can also do this:
``
If the icon exists in font awesome, it will use that instead.
---
---
---
---
_Source: https://npm.io/package/hosted_on · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
