So, a few months back I made an unofficial DEV.to Widget which lets you show off your articles on your website/blogs using just 2 lines of code! Today I finished writing and deploying a new minor version
v1.1.0 which introduces a new attribute,
Before we go, Here's how new themes look like:
To add DEV widget to your website, All you have to do is copy-paste these two lines into your code.
<dev-widget data-username="saurabhdaware" data-theme="pink"></dev-widget> <!-- Place this before the end of body tag --> <script src="https://firstname.lastname@example.org/dist/card.component.min.mjs" type="module"></script>
and that's it! just replace your DEV.to username in
The new version lets you add
data-theme attribute which has possible values of
The DEV Widget is also available as NPM module for frameworks and webpack,
npm install --save dev-widget
NPM Registry: https://npmjs.org/package/dev-widget
v1.1.0 Changelogs: https://github.com/saurabhdaware/DEV-widget/releases/tag/v1.1.0
Thank you for reading 🌻 My favorite is the pink theme 🌸 which one did you like? let me know in comments :D
P.S. Now I have 10k Followers on DEV.to yay!!
Top comments (13)
Nice work @saurabhdaware !
hehe Thank you so much Nick :D
This looks awesome! Nice job.
Thank youu :D
Really nice widget. It would be nice if the width & height are configurable or if they are responsive.
I see you have an attribute for width
yes there is data-width I will soon add data-height as well, Thank You 🌻
Great job, Saurabh!
Thank you rhymes 🌻🌻
This is so awesome. Great job, Saurabh!
Thank you so much Peter :D
Great news! Well done!)
Thank you :D