Skip to content

Instantly share code, notes, and snippets.

View WebMaestroFr's full-sized avatar

Etienne Baudry WebMaestroFr

View GitHub Profile
@WebMaestroFr
WebMaestroFr / Terminal.css
Last active September 10, 2021 15:38
Terminal Window React Component with Keystroke Sounds
@import url('https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css');
body {
background-color: #212121;
font-family: HelveticaNeue, 'Helvetica Neue', 'Lucida Grande', Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.App {
@WebMaestroFr
WebMaestroFr / Group.css
Last active January 16, 2022 08:22
Slide Up and Down with React Transition Group
.Group-item,
.Group-item.ui,
.Group-item.ui:first-child {
display: block;
margin-top: 1em;
}
.Group-item-enter.Group-item-enter-active {
transition: opacity 300ms ease-in, margin 300ms ease-out;
}
@WebMaestroFr
WebMaestroFr / CandlesticksChart.tsx
Last active May 2, 2022 14:47
Candlesticks Chart for Recharts v2
import React, { ReactNode, useMemo } from "react";
import { Bar, RectangleProps, ComposedChart } from "recharts";
import { CategoricalChartProps } from "recharts/types/chart/generateCategoricalChart";
export interface CandlestickData {
open?: number;
high?: number;
low?: number;
close?: number;
}
@WebMaestroFr
WebMaestroFr / module.json
Created May 3, 2024 09:26
A simple testable module.
{
"id": "creator-module-test",
"title": "PomPom Creator Test",
"description": "A simple testable module.",
"authors": [
{
"name": "PomPom Module Author"
}
],
"version": "1.0.0",