## Where communities thrive

• Join over 1.5M+ people
• Join over 100K+ communities
• Free without limits
##### Activity
• Feb 21 20:44
DangerN opened #995
• Feb 21 20:27
marr edited #994
• Feb 21 20:27
marr edited #994
• Feb 21 20:25
marr opened #994
• Feb 05 17:10
brlnr23 opened #993
• Feb 02 05:03
ArtiomLK commented #979
• Feb 02 05:03
ArtiomLK commented #979
• Jan 31 08:58
theashraf commented #986
• Jan 31 07:10
alextrastero labeled #979
• Jan 31 07:08
alextrastero commented #992
• Jan 31 07:08
alextrastero commented #986
• Jan 30 18:54
ydax opened #992
• Jan 30 18:48
ydax commented #986
• Jan 15 10:57

alextrastero on 3.5.9

• Jan 15 10:57

alextrastero on master

update-changelog update-docs 3.5.9 and 1 more (compare)

• Jan 15 10:57
alextrastero closed #991
• Jan 15 10:57
alextrastero opened #991
• Jan 15 10:56

alextrastero on 3.5.9

update-changelog update-docs 3.5.9 (compare)

• Jan 15 10:53
alextrastero commented #953
• Jan 15 10:51

alextrastero on master

refactor: use hooks Merge branch 'master' into refa… fix: update state when props.ch… and 3 more (compare)

Alexander Odell
@alextrastero
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
difre87
@difre87
@alextrastero Yes i using creat-react-app
Fer
@Nanotorre
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
@chatocoral_gitlab
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
@JasonFritsche
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
HONG
@jjam100
Hello
CTOverton
@CTOverton
How do you do the initial setup? what does this mean? <script src="path/to/your/bundle.js"></script>
I just have
<body>
<div id="root"></div>

<script src="../node_modules/materialize-css/dist/js/materialize.js"></script>
</body>
import { Collapsible, CollapsibleItem, Icon } from 'react-materialize' says "Cannot resolve symbol 'Collapsible"
tuganimana
@tuganimana
hello
<script src="path/to/your/bundle.js"></script> what do we parse in this script
srijan213
@srijan213
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
@SharePointPro
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.
and
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.
CFowers
@christopherfowers
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
@katendeglory

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:
./node_modules/react-materialize/lib/Autocomplete.js

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
@alextrastero
@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
@katendeglory
@alextrastero That was my bad 😪 , I've added the missing dependency and everything is working now. thanks a lot
Zeia Soroush
@Z.Soroush_gitlab
hello.i use <TimePicker /> but selected time not show. i try onchange const onChangefunc = (hour, minute) => {
setState({ hour, minute });
};
Harel Tussi
@harel2021
how can i style components myself ?
Leo Tejeda
@devbuilt
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
<Autocomplete
options={{
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
@kpfromer
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</>}>
Body
</Card>
heyitsmepatg
@heyitsmepatg
Anyone know how radio buttons work?
specifically how to arrange them vertically in a column instead of horizonally
sortofdev
@sortofdev
Hello!

Dropdown example from http://react-materialize.github.io/react-materialize/?path=/story/javascript-dropdown--default throws error ReferenceError: M is not defined from node_modules/react-materialize/lib/Dropdown.js:67

exact same code as in example

https://github.com/react-materialize/react-materialize/blob/master/stories/Dropdown.stories.js
this is also throwing the same error (using the Dropdown part only of course)
I have "react-materialize": "^3.3.1" installed
Vangelis Garaganis
@VangelisGara
hi, I cannnot set up react materialize on my create react app
:?
Maria Sanchez
@majosanchez95_gitlab
@SharePointPro I have the same problem yet. Do you have a solution now?
@SharePointPro
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.
and
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.
Warning: React does not recognize the tooltipOptions prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase tooltipoptions instead. If you accidentally passed it from a parent component, remove it from the DOM element.