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

Timeline component #54

Closed
16 tasks
AlexanderBoriskin opened this issue Oct 2, 2019 · 1 comment
Closed
16 tasks

Timeline component #54

AlexanderBoriskin opened this issue Oct 2, 2019 · 1 comment
Labels
component Is a new component or part of existing one ON HOLD We want this, just later research Requires research

Comments

@AlexanderBoriskin
Copy link
Contributor

Docs

Timeline

Props

  • side: String - default: 'right', optional values: 'left' | 'right' - side to place the timeline entries
  • color: String - color for all timeline entries from theme plugin
  • layout (*): String - default: 'dense', accepted values - 'dense' | 'comfortable' | 'loose' - layout of the timeline. Dense keeps content and labels on one side. Comfortable keeps content on one side and labels on the opposite side. Loose puts content on both sides.
  • reverse (*): Boolean - reverse direction of timeline items

Slots

  • default

Timeline Entry

Props

  • title: String - title of timeline entry
  • timestamp: String
  • color: String - color for component from theme plugin
  • side: String - default: 'right', accepted values: 'left' | 'right' - side to place the timeline entry
  • heading (*): String - defines a heading timeline item
  • tag (*): String - default: 'h3' - tag to use, if heading prop used only

Slots

  • default
  • icon - used to customize the icon inside the timeline item's dot
  • opposite (*) - used to customize the opposite side of timeline items

Design

  • Present to @xx13 after finishing.

Refs

@AlexanderBoriskin AlexanderBoriskin added this to the 1.0 milestone Oct 2, 2019
@asvae asvae mentioned this issue Oct 2, 2019
11 tasks
@AlexanderBoriskin AlexanderBoriskin self-assigned this Oct 2, 2019
@m0ksem m0ksem assigned m0ksem and unassigned AlexanderBoriskin Apr 26, 2021
@asvae asvae modified the milestones: 1.0, next Apr 27, 2021
@m0ksem m0ksem removed their assignment Jul 20, 2021
@asvae asvae added research Requires research component Is a new component or part of existing one labels Dec 2, 2021
@asvae
Copy link
Contributor

asvae commented Dec 2, 2021

We'd need to finish research on this first.
Take current issue with a grain of salt.
After research is done - reassign this to @xx13 to handle design part.
There is already an implementation don in context of vuestic-admin, which we can reuse if possible.
https://vuestic.epicmax.co/admin/ui/timelines
Be aware though, that current component should have higher quality than what we have for vuestic-admin.

@asvae asvae removed this from the 1.3 milestone Dec 2, 2021
@asvae asvae added the ON HOLD We want this, just later label Dec 2, 2021
@m0ksem m0ksem closed this as completed May 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component Is a new component or part of existing one ON HOLD We want this, just later research Requires research
Projects
None yet
Development

No branches or pull requests

3 participants