## 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)

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.
How to configure with Next.js? Thanks in advance
Davis Jones
@ydax
Howdy. When using the tooltipOptions feature of the FAB Component, I'm getting this warning via the linter:
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.
Have y'all had this problem? Anyone know a fix?
Davis Jones
@ydax
Howdy friends. Just a quick tip / workaround. When using FABs with buttons used to modify text (I'm using the FAB to trigger inline text styles), on first click the buttons won't trigger your function. So, instead of using the onClick={} method in the <Button>, use onMouseDown={}, and your function trigger properly.
Ale763
@Ale763
Hi, I'm having difficulties setting up react-materialize with react typescript. Has anyone experience setting it up with typescript?
Alexander Odell
@alextrastero
Hi @Ale763, i'm afraid we don't have type support yet, please feel free to contribute :)