Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 12:51
    rnd2442 edited #1098
  • 12:51
    rnd2442 edited #1098
  • Apr 05 14:58
    rnd2442 synchronize #1098
  • Apr 05 13:53
    rnd2442 opened #1098
  • Apr 04 23:44
    solomon23 synchronize #1097
  • Apr 04 23:20
    solomon23 opened #1097
  • Apr 04 10:16
    alextrastero closed #1094
  • Apr 04 10:16
    alextrastero commented #1094
  • Apr 04 10:09

    alextrastero on v3.8.3

    3.8.3 (compare)

  • Apr 04 10:09

    alextrastero on fix-type-publishing

    (compare)

  • Apr 04 10:09

    alextrastero on master

    ts: fix types file naming ts: add copy-files task to pack… update-changelog and 4 more (compare)

  • Apr 04 10:09
    alextrastero closed #1096
  • Apr 04 10:08
    alextrastero opened #1096
  • Apr 04 10:07

    alextrastero on fix-type-publishing

    ts: add Collection/CollectionIt… ts: export component props 3.8.3 (compare)

  • Apr 04 09:55

    alextrastero on fix-type-publishing

    ts: fix types file naming ts: add copy-files task to pack… update-changelog and 1 more (compare)

  • Apr 04 09:14

    alextrastero on v3.8.2

    (compare)

  • Apr 04 09:13

    alextrastero on publish-types

    (compare)

  • Apr 04 09:13

    alextrastero on master

    ts: add types path to package.j… update-changelog 3.8.2 and 1 more (compare)

  • Apr 04 09:13
    alextrastero closed #1095
  • Apr 04 09:13
    alextrastero opened #1095
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?
@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.
elaradev
@elaradev
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 :)
Quai Wentt
@Qlwentt
I want to use Toasts to send notifications and error messages to users ... but from the documentation it seems the only way to use them is to put a Toast component on the page, which provides a button they can click to generate the message. Am I missing something? I want the toast to show up upon success of an api call, not upon click.
Quai Wentt
@Qlwentt
the answer is window.Materialize.toast('Im a toast yay', 4000); for anyone who searches and finds this
Davis Jones
@ydax
Hey @Qlwentt I went with Notisnack for my toasts https://www.npmjs.com/package/notistack
on iOS devices, my <Select> and <Dropdown> components aren't working correctly, and they work correctly on all other devices / browsers. Basically, they don't seem to select properly, though they do display properly. Related, I think: (1) Dogfalo/materialize@c0da340 (2) Issue on SO: https://stackoverflow.com/questions/60494492/react-web-app-routing-works-on-desktop-incl-mobile-dev-view-but-not-on-mobil
Has anyone been able to solve this / run into this? ----^
Davis Jones
@ydax
Offering $50 (paid via PayPal) to anyone who can fix this ^^^ issue and submit a PR that Alex approves
Davis Jones
@ydax
has anyone been able to get the <Select /> with multiple options working?
Alexander Odell
@alextrastero
Hi @ydax please create an issue on the repo where we can keep track of what's not working :)
Davis Jones
@ydax
Cool. Opened both of these as issues @alextrastero. Appreciate the work you're doing on this, and will continue contributing going forward.
Jaden Wang
@JadenSWang
yello
I'm having trouble adding the materializejs into my gatsby
project
I've managed to get the materializecss into the header using react-helmet but I'm having issues actually linking the materializejs into it, not too sure whats going on with <script src="path/to/your/bundle.js"></script>
Gonzalo Martinese
@DevMartinese
Anuj Aggarwal
@anuj-aggarwal
Hello everyone
I am using Collapsible with popout, and defaultExpanded to true
If I change the Collapsible Item's children while it is already open, it does not display any items then untill I click to close and then reopen the collapsible item
Anuj Aggarwal
@anuj-aggarwal
This happens if there is a key given to Collapsible items, which changes when new Collapsible items are made
This is the minimal code I could make to reproduce the problem:
https://codesandbox.io/s/dreamy-ganguly-h1v7p?fontsize=14&hidenavigation=1&theme=dark
Alexander Odell
@alextrastero
@here if anyone is looking into learning a bit of typescript or knows already and wants to help us out , we are adding type definition for the components
I've added a label typescript to the issues so you can spot them out https://github.com/react-materialize/react-materialize/labels/typescript
Sample implementation is in Autcomplete.d.ts