mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.83k stars 32.26k forks source link

Request for option to have Horizontal Timeline element as well as existing Vertical #24221

Open nvt001 opened 3 years ago

nvt001 commented 3 years ago

Is it possible to have horizontal timeline elements as well along with vertical ones

oliviertassinari commented 3 years ago

I have added the waiting for users upvotes tag. I'm closing the issue as we are not sure enough people are looking for such capability. So please upvote this issue if you are. We will prioritize our effort based on the number of upvotes.

dayoherrera commented 2 years ago

+1

istisiki commented 1 year ago

I hope this gets worked on 😉

gudlyf commented 1 year ago

After 2 years of awaiting 👍 this has 38 votes now. What constitutes as enough?

oliviertassinari commented 1 year ago

If you are landing on this GitHub issue and have a specific idea in mind for what the horizontal orientation should look like, please share pictures. It will help create the right solution.

gudlyf commented 1 year ago

I am currently partially achieving the desired effect with the following:

const useStyles = makeStyles({
  timeline: {
    transform: "rotate(90deg)"
  },
  timelineContentContainer: {
    textAlign: "left"
  },
  timelineContent: {
    display: "inline-block",
    transform: "rotate(-90deg)",
    textAlign: "center",
    minWidth: 50
  },
  timelineIcon: {
    transform: "rotate(-90deg)"
  }
});
dnh33 commented 8 months ago

Please add this guys, how can we not have a horizontal timeline component ..

gudlyf commented 8 months ago

@oliviertassinari Here's a screenshot of how I have it working with my style changes I noted previously:

horizontal-timeline-stackref

ArturoTorresMartinez commented 7 months ago

Enough now?

JAPGarmando commented 7 months ago

Please, it would be really useful

ZeeshanTamboli commented 6 months ago

The horizontal stepper resembles the horizontal timeline needed, and @gudlyf's component here appears more like a stepper.