Rafael D. Hernandez RafaelDavisH
🏠
RafaelDavisH
/ Alerts2.js
Last active
September 1, 2020 18:07
Reusable Alert Component styled with TailwindCSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| const Alert = ({ children, className = "", style, alertType, ...rest }) => { | |
| const alertTypes = { | |
| error: [ | |
| { | |
| textColor: "text-red-700", | |
| bgColor: "bg-red-100", | |
| borderColor: "border-red-400" | |
| } |
RafaelDavisH
/ Alert.js
Last active
September 1, 2020 20:20
Reusable TailwindCSS Styled Alert Component with className. Its meant to work with TaildwindCSS and GatsbyJS.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| const Alert = ({ children, className = "", style, alertType, ...rest }) => { | |
| const alertTypes = { | |
| error: [ | |
| { | |
| textColor: "text-red-700", | |
| bgColor: "bg-red-100", | |
| borderColor: "border-red-400" | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Learning Goal: Learn the basics of computer science with Base_cs series | |
| Learning Curriculum: | |
| Schedule its based on the first link, a compiled list of base_cs series content. The rest of links are other forms of the content to support our learning | |
| - Github Repo | |
| Link: https://github.com/vaidehijoshi/basecs-series | |
| - Podcast | |
| Link: https://overcast.fm/itunes1304168963/base-cs-podcast |