What do you want to save?
Add Code snippet
New code examples
-
Other 2021-09-30 23:30:03
material ui textfield error
Using a react component state, one can store the TextField value and use that as an indicator for an error. Material-UI exposes the error and helperText props to display an error interactively. Take a look at the following example: <TextField value... Add solution -
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 -
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-22 15:07:04
timeline material ui react native
import { Timeline } from 'react-material-timeline';import { Avatar, Icon } from '@material-ui/core'; const events = [ { title: 'Event&n... Add solution -
Javascript 2021-09-20 12:26:02
react record voice
import React, { useState, useEffect } from 'react'; // the button form material-ui is optional // npm install @material-ui/core import Button from '@material-ui/core/Button'; const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechReco... Add solution -
Javascript 2021-09-19 13:55:03
use theme in class component material ui
import React from "react"; import { makeStyles } from "@material-ui/core/styles"; const useStyles = makeStyles((theme) => ({ root: { backgroundColor: theme.palette.secondary.main } })); export default function App() { co... Add solution -
Javascript 2021-09-18 08:20:02
material-ui add icon to switch when on
import React from 'react'; import Switch from '@material-ui/core/Switch'; import AccountCircleIcon from '@material-ui/icons/AccountCircle'; export default function App() { return ( <Switch checkedIcon={<AccountCircleIcon/>} /> ... Add solution -
Other 2021-09-17 07:34:03
date range MUI
$ npm install material-ui-datetime-range-picker Add solution