Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Single steps are not rendered #256

Open
mercteil opened this issue Oct 4, 2022 · 6 comments
Open

Single steps are not rendered #256

mercteil opened this issue Oct 4, 2022 · 6 comments

Comments

@mercteil
Copy link

mercteil commented Oct 4, 2022

React 18, Nextjs 12.3

import Steps from 'rc-steps';

import 'rc-steps/assets/index.css';


const { Step } = Steps;

const Tracking = () => {
  const [current, setCurrent] = useState(0);

  const onChange = (value) => {
    console.log('onChange:', current);
    setCurrent(value);
  };

  return (
    <>
      <Steps current={current} onChange={onChange}>
        <Step title="Step 1" description="This is a description." />
        <Step title="Step 2" description="This is a description." />
        <Step title="Step 3" description="This is a description." />
      </Steps>

      <Steps current={current} onChange={onChange} direction="vertical">
        <Step title="Step 1" description="This is a description." />
        <Step title="Step 2" description="This is a description." />
        <Step title="Step 3" description="This is a description." />
      </Steps>
    </>
  );
}

The single steps are not rendered within the Steps wrapper.
image

@mercteil mercteil changed the title Not rendering single steps Single steps are not rendered Oct 4, 2022
@devlukedreamstage
Copy link

Same for me

@gegxen
Copy link

gegxen commented Oct 25, 2022

same for me

@limerence19
Copy link

same for me
image

@benyaminbeyzaie
Copy link

Please checkout the PR and tell me if this solves your problem

@stepcellwolf
Copy link

Hi unfortunately still the same. I'm having the same issue.
<Steps current={1}> <Steps.Step title="first" /> <Steps.Step title="second" /> <Steps.Step title="third" /> </Steps>

image

@Ionshard
Copy link

#333 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants