-
-
Notifications
You must be signed in to change notification settings - Fork 32.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[docs] Migrate Autocomplete demos #26127
Conversation
@@ -1,110 +1,28 @@ | |||
/* eslint-disable @typescript-eslint/no-use-before-define */ | |||
import * as React from 'react'; | |||
import PropTypes from 'prop-types'; | |||
import { useTheme, makeStyles } from '@material-ui/core/styles'; | |||
import { useTheme, experimentalStyled as styled } from '@material-ui/core/styles'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@vicasas @oliviertassinari would be great to have another one look into the changes on this demo too. It was a bit challenging to follow what should go where.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I went a couple of step further
- Fix dark mode issues
- Use sx over style
- Use Stack over ad-hoc solution, a continuation of [docs] Polish the pickers demo #26094 (comment)
Actually, I like how unstyled components are using the CSS template string, and customization on the core component the JS Object syntax. It looks like a great call |
docs/src/pages/components/autocomplete/CustomInputAutocomplete.tsx
Outdated
Show resolved
Hide resolved
….tsx Co-authored-by: Víctor Casas <57921784+vicasas@users.noreply.github.com>
Migrates
Autocomplete
demos to emotion. One of #16947Preview: https://deploy-preview-26127--material-ui.netlify.app/components/autocomplete/