-
Notifications
You must be signed in to change notification settings - Fork 272
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
feat(ui5-timeline): introduce "growing" property #10470
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please also add Playground samples
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good.
} | ||
|
||
get timelineEndDOM() { | ||
return this.shadowRoot!.querySelector(".ui5-timeline-end-marker"); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
the best practice is to use @query
for this, but it's ok to leave it, just FYI
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A tentative suggestion to align the commit message text with the changes we discussed (for example: use "end" instead of "bottom" when referring to the Timeline's items' list visual end):
Similar to 'ui5-table' , we introduce a new property 'growing' to 'ui-timeline'. It provides growing property, with 3 available options:
'Button': Displays a "More" button at the end of the list, which when pressed triggers the 'load-more' event.
'Scroll': The 'load-more' event is triggered when the user scrolls to the bottom of the list.
'None': The growing functionality is off.
Similar to the
ui5-table
, now theui5-timeline
provides growing property with 3 available options:Button
: Shows a "More" button at the bottom of the listpressing of which triggers the
load-more
event.Scroll
: Theload-more
event is triggered when the user scrolls to the bottom of the list.None
: growing is off