UNPKG

react-devdotto

Version:

> Embed your Posts on Dev.to into your React Project.

70 lines (50 loc) 2.24 kB
# react-devdotto > Embed your Posts on Dev.to into your React Project. [![NPM](https://img.shields.io/npm/v/react-devdotto?style=for-the-badge&logo=npm)](https://www.npmjs.com/package/react-devdotto) [![Forks](https://img.shields.io/github/forks/genialkartik/react-devdotto?style=for-the-badge&logo=github)](https://github.com/genialkartik/react-devdotto) ![Open Source Love](https://img.shields.io/badge/Open%20Source-%E2%99%A5-red?style=for-the-badge&logo=open-source-initiative) ## Installation using NPM: ```bash npm install --save react-devdotto ``` using YARN: ```bash yarn add react-devdotto ``` ## Usage ```jsx import DevDotTo from "react-devdotto"; const App = () => { return ( <DevDotTo username="genialkartik" coverimage={true} darkMode={true} hideTags={false} numberOfPosts={5} /> ); }; export default App; ``` ## Props Props of the `DevDotTo` component are avilable below. | Name | Type | Default | Description | | ------------- | ------- | ------------ | ------------------------------------------------------------------------------------- | | username | string | genialkartik | `username` can be found on [dev.to](https://dev.to) platform | | coverimage | boolean | true | if `false`, feature image (cover image) will be replace with description of the blog. | | darkMode | boolean | true | toggle to `false`, to view blogs list in light mode. | | hideTags | boolean | false | use to hide tags in blogs list. | | numberOfPosts | number | | get specific number of posts. | <br/> ## Contribute - Fork or Clone this Repository. - Navigate `cd react-devdotto`. - run `npm install` to install all required dependencies. - Make changes or fix bug. - Make sure to run build `npm build` before commiting all changes. - Raise a pull request.<br> Now lemme buy you a coffee :coffee:. ## License MIT © [genialkartik](https://github.com/genialkartik)