react-component / react-component/slider

Component doesn't show up at all

Open
#606 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
3.1k
Forks
768
Avg merge
11d 22h
Merged PRs (30d)
5

Description

Hi guys, thank you for giving us an awesome React library. While trying to use your Slider in my project, I ran into an issue of visibility. Here is my code

import React from 'react';
import Slider, { Range } from 'rc-slider';
import 'rc-slider/assets/index.css';

class MyComponent extends React.Component {
    render() {
        return (
            <div>
                <Slider
                    min={0}
                    max={20}
                    defaultValue={3}
                />
                <Range
                    min={0}
                    max={20}
                    defaultValue={[3, 10]}
                    tipFormatter={value => `${value}`}
                />
             </div>
       )
     }
  }
export default MyComponent

It's very similar with #317 but importing css file didn't help. I tried to reproduce it on codesandbox but I couldn't. I use your library with material-ui verison 1.0.0, React v 16.8.1 and React DOM v 16.3.0
Thank you very much!

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the supplied Slider and Range example with the stated React, React DOM, material-ui, and rc-slider versions, including the CSS import. Compare the behavior with issue #317 and a CodeSandbox reproduction; done means identifying the cause of the missing components and documenting a confirmed resolution.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.