Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Mar 27 18:05

    alextrastero on select-hooks


  • Mar 27 18:05

    alextrastero on master

    refactor: use hooks spec: update tests spec: add missing test and 2 more (compare)

  • Mar 27 18:05
    alextrastero closed #1074
  • Mar 27 18:04
    alextrastero closed #957
  • Mar 27 18:04
    alextrastero commented #957
  • Mar 27 18:04
    alextrastero opened #1074
  • Mar 27 18:03

    alextrastero on select-hooks

    refactor: use hooks spec: update tests spec: add missing test and 1 more (compare)

  • Mar 27 12:48
    alextrastero opened #1073
  • Mar 27 12:47
    alextrastero opened #1072
  • Mar 27 12:46
    alextrastero opened #1071
  • Mar 27 12:45
    alextrastero closed #928
  • Mar 27 12:45
    alextrastero commented #928
  • Mar 27 12:44

    alextrastero on autocomplete-hooks


  • Mar 27 12:44

    alextrastero on master

    refactor: use hooks test: update snapshots docs: add object knob and 2 more (compare)

  • Mar 27 12:44
    alextrastero closed #1070
  • Mar 27 12:42
    alextrastero edited #1070
  • Mar 27 12:42
    alextrastero synchronize #1070
  • Mar 27 12:42

    alextrastero on autocomplete-hooks

    Autocomplete: add test for new … (compare)

  • Mar 27 12:41
    alextrastero closed #907
  • Mar 27 12:41
    alextrastero commented #907
Zhi Han
Hi, I got react-materialize to work but materialize-css is styled globally. Is there a way to style components from react-materialize locally? Maybe with CSS modules? I'm quite new to react
I mean I think react materialize should come equipped with this feature, and if people want their entire site just import materialize-css

Failed to compile.

Line 6: 'Navbar' is not defined react/jsx-no-undef

how to identify navbar
This message was deleted
Alexander Odell
@ConnectedReasoning was this resolved? I think I commented in your github issue
@Jesendapos it depends if you are using create-react-app or not. But if it's just webpack the example in the documentation should work, let me know if it doesn't :)
@ps-ykt import { Navbar } from 'react-materialize'; ?
@kanapatrick please submit an issue with a code sample maybe from http://codesandbox.io
Hi, I'm new reactjs user. I want to use materialize slider.js but i have some error when i use it : 'M' is not defined
Alexander Odell
Hi @difre87 , are you using create-react-app? can you open the console and type M enter? If it's undefined your are not loading materialize.js
it's old though
@alextrastero Yes i using creat-react-app
hello. I´m trying to use a image card, but the story only shows title and anything else. Card component doesn´t help neither. Please, help
Where can I point to img src=
christian coral
hello, I have a suggestion for the navbar, define a boolean in the paramters to use the container class in the nav-wrapper element, so in this way you can use the navItem inside a div with the class container.
like <Navbar container={true} > </Navbar>
is very common to use the navItems inside a div.container
Jason Fritsche
Hello everyone, I'm looking for a little help with getting started. I am using create-react-app, and have installed react-materialize and materialize-css
I can't seem to get a Card to show up. It's inside of a functional component
How do you do the initial setup? what does this mean? <script src="path/to/your/bundle.js"></script>
I just have
<div id="root"></div>

<script src="../node_modules/materialize-css/dist/js/materialize.js"></script>
import { Collapsible, CollapsibleItem, Icon } from 'react-materialize' says "Cannot resolve symbol 'Collapsible"
<script src="path/to/your/bundle.js"></script> what do we parse in this script
Hello, does anyone know how to turn off closeOnClick for <Select multiple> </Select>
@JasonFritsche Inside index.js, write the following:
import 'materialize-css/dist/css/materialize.min.css';
import 'materialize-css/dist/js/materialize.min.js';
Michael Tippett
Hi guys, ive just updated from react-materizlie beta, and I'm getting this error in my card:
Warning: React does not recognize the closeIcon prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase closeicon instead. If you accidentally passed it from a parent component, remove it from the DOM element.
Warning: React does not recognize the revealIcon prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase revealicon instead. If you accidentally passed it from a parent component, remove it from the DOM element.
Looks like the storyboard is broken? Can't seem to look at the code examples anymore. Cant find the toggle to view it.
Glory Katende

I run into a problem that I cannot quite understand.

Here is what I got when I try to run a code snippet from the doc.

The snippet I am trying to run is a simple button. I have imported every required components from 'react-materialize'.
But it just doesn't work 😢😢.

The message says 👇
Failed to compile:
Module not found: Can't resolve 'classnames' in 'path\to\my\project\node_modules\react-materialize\lib'

I have included the cdn links to materialize.css & materialize.js in my index.html
I am not sure about what path/to/your/bundle.js means (see http://react-materialize.github.io/react-materialize/?path=/story/react-materialize--welcome)

BTW I am not even using Autocomplete.js, It seems to appear in the error message every time I run any code from the doc.

Anything I can do to fix that? Am I missing something?

Alexander Odell
@katendeglory when you run npm install or similar don't you see any warnings like classnames is a peer dependency? that means you need to install it yourself
Glory Katende
@alextrastero That was my bad 😪 , I've added the missing dependency and everything is working now. thanks a lot
Zeia Soroush
hello.i use <TimePicker /> but selected time not show. i try onchange const onChangefunc = (hour, minute) => {
setState({ hour, minute });
Harel Tussi
how can i style components myself ?
Leo Tejeda
Autocomplete component how do i pass API Call data to component
<Autocomplete options={{ data: { 'Gus Fring': null, 'Saul Goodman': null, 'Tuco Salamanca': 'https://placehold.it/250x250' } }} placeholder="Insert here" />
Don't understand the documentation
                            onAutoComplete: {this.state.movies.map((movie.index) => {
                              <li key={index} className="collection-item"><img style={{height:30,width:30}} src={movie.Poster} alt="movie image"/> {movie.Title}</li>)}
                          placeholder="Search Movies"/>
This doesn't work
Kyle Pfromer
Hello, I was wondering if a Card component's Title property could be updated so that it can accept a JSX element function return value. Example:
<Card title={() => <>Custom Title With JSX</>}>
Anyone know how radio buttons work?
specifically how to arrange them vertically in a column instead of horizonally