muhshahabipour

sdf

muhshahabipour

import React from 'react';
import ReactNotifications from 'react-notifications-component';
import Homepage from './Homepage';

function App() {
  return (
    <div>
      <ReactNotifications />
      <Homepage/>
    </div>

muhshahabipour

function MyNotification() {
  return (
    <div style={{
      display: 'flex',
      backgroundColor: '#0f2f26',
      borderRadius: 5,
    }}>
      <Avatar/>
      <div>
        <h4>Virgool.io</h4>

muhshahabipour

function Homepage() {
  return (
    <>
      My Website
      <button
         onClick={() => {
          store.addNotification({
            content: MyNotification,   // 👈
            container: 'bottom-right',
            animationIn: ["animated", "fadeIn"],  

muhshahabipour

import React from 'react';
import { store } from 'react-notifications-component';
import 'react-notifications-component/dist/theme.css';
import 'animate.css';

function Homepage() {
  return (
    <>
      My Website
      <button

muhshahabipour

const options = [];
for (let i = 0; i < 50; ++i) {
  options.push({
    value: i + 1,
    label: `Option ${i + 1}`
  });
}

const sleep = ms =>
  new Promise(resolve => {

muhshahabipour

getLoginAPI = () => {

    let details = {
        'username': 'username',
        'password': 'demo'
    };

    let formBody = [];
    for (let property in details) {
        let encodedKey = encodeURIComponent(property);

muhshahabipour

# First, check out the commit you wish to go back to (get sha-1 from git log)
git reset --hard 9d3c3a0caa7f7b35ef15adb96fc80fcbb59ac72a

# Then do a forced update.
git push origin +9d3c3a0caa7f7b35ef15adb96fc80fcbb59ac72a^:develop

# Push specific commit
git push origin 9d3c3a0caa7f7b35ef15adb96fc80fcbb59ac72a:develop -f

muhshahabipour

pre {
  outline: 1px solid #ccc;
  padding: 5px; margin:
  5px;
}

.string {
  color: #008000;
}

muhshahabipour

Gradient shadow in pure CSS

HTML

<button>Let's Go !</button>