Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 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

    (compare)

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

  • Jan 15 10:51
    alextrastero closed #950
  • Jan 15 10:51
    alextrastero edited #950
  • Jan 15 10:50

    alextrastero on fix-classname-dep

    (compare)

  • Jan 15 10:50

    alextrastero on master

    Move classnames to dependencies Move classnames to dependencies… (compare)

Alexander Odell
@alextrastero
@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
difre87
@difre87
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
@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
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
@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?