@adam-p has a great CheatSheet here
keywords: collapse
, collapsible
, markdown
, closed header
<div class="container"> | |
<div class="jumbotron"> | |
<h1 class="text-center">Nikola Tesla</h1> | |
<h2 class="text-center"><em>The Mad Scientist</em></h2> | |
<br /> | |
<div class="row"> | |
<div class="col-xs-12 col-md-6 col-md-offset-3"> | |
<section class="thumbnail"> | |
<img src="https://upload.wikimedia.org/wikipedia/commons/8/87/Blue_Portrait_of_Nikola_Tesla.jpg" alt="Nikola Tesla" /> |
@adam-p has a great CheatSheet here
keywords: collapse
, collapsible
, markdown
, closed header
topics: styled-components
, Link
, react-router
, react-router-dom
, custom styles
, extend component
, styling third party components
Let's take the example of react-router-dom
's Link
component which you may want to style as your own HyperLink
component.
Say you have created a styled.a
component called HyperLink
.
/** | |
* This puppeteer script will automatically download all payslips for you, if your company uses Keka HR Software. | |
* I downloaded about 4 years of payslips in approximately 2 minutes! :P | |
* | |
* - Download this file and save it in some temporary directory. | |
* - Fill in the params wherever you see the ℹ️ in this file & save. | |
* - Install the dependency `puppeteer-core` (just run `npm init` and `npm install --save puppeteer-core@2` in your directory). | |
* - Requires NodeJS >= 12 (tested with v12.13.1), puppeteer-core@2 & Google Chrome browser. | |
* - Run: `node downloadPayslips.js` | |
* - The files are all saved to the browser's default download folder. |