What do you want to save?
Add Code snippet
New code examples
-
Other 2021-09-30 14:28:03
@material-ui/pickers
import React, { Fragment, useState } from "react"; import { TextField } from "@material-ui/core"; import { MobileDatePicker, DesktopDatePicker, DatePicker } from "@material-ui/pickers"; function DatePickersVariants(props) { ... Add solution -
Other 2021-09-30 13:41:04
styled-components example 1 with props
// Create an Input component that'll render an <input> tag with some styles const Input = styled.input` padding: 0.5em; margin: 0.5em; color: ${props => props.inputColor || "palevioletred"}; background: papayawhip; border: non... Add solution -
Javascript 2021-09-30 05:30:02
Simple form based react material ui
import React from 'react' import { Field, reduxForm } from 'redux-form' import TextField from '@material-ui/core/TextField' import Checkbox from '@material-ui/core/Checkbox' import FormControlLabel from '@material-ui/core/FormControlLabel' import FormCont... Add solution -
Javascript 2021-09-29 21:43:02
dispay react component after some time
import React, { useState, useEffect } from 'react'; type Props = { children: React.ReactElement; waitBeforeShow?: number; }; const Delayed = ({ children, waitBeforeShow = 500 }: Props) => { const [isShown, setIsShown] = useState(false); useE... Add solution -
TypeScript 2021-09-29 10:10:04
react inherit html input props
import React from 'react'; interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> { title: string; showIcon: boolean; } const Button: React.FC<ButtonProps> = ({ title, showIcon, ...props }) => { return ( <... Add solution -
Javascript 2021-09-29 08:54:04
validator max e min redux form
import React from 'react' import { Field, reduxForm } from 'redux-form' const required = value => (value || typeof value === 'number' ? undefined : 'Required') const maxLength = max => value => value && value.length > max ? `Must be... Add solution
Best helpers
Ranking is empty