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

Feature request: Bar component #2434

Closed
ilhan007 opened this issue Nov 4, 2020 · 1 comment · Fixed by #2533
Closed

Feature request: Bar component #2434

ilhan007 opened this issue Nov 4, 2020 · 1 comment · Fixed by #2533

Comments

@ilhan007
Copy link
Member

ilhan007 commented Nov 4, 2020

Is your feature request related to a problem? Please describe.
We need "bar" component (ui5-bar) as part of the "fiori" package, that follows the Fiori 3 UX/VD of the sap.m.Bar

Describe the solution you'd like
The component should have the following features:

  • slots for start, middle and end content

  • the middle content is centred in the available space between the start and the end area (might not always be centred in the entire bar)

  • design property from enum type "BarDesign", with 3 options (BottomBorder - default, TopBorder and AllBorders)

BottomBorder (corresponds to Header in openui5) - only the bottom border/box shadow is visible
Screenshot 2020-11-18 at 9 30 04 AM

TopBorder (corresponds to Footer in openui5) - only the top border/box shadow is visible
Screenshot 2020-11-18 at 9 30 11 AM

AllBorders (corresponds to FloatingFooter in openui5) - there is visible border on all sides
Screenshot 2020-11-18 at 9 30 15 AM

  • enable the customization of width, height and background with standard CSS on tag level <ui5-bar style="background: red; width: 15rem; height: 5rem"
  • as always - the required accessibility, RTL, theming, playground sample should be in place.
@ilhan007
Copy link
Member Author

ilhan007 commented Nov 4, 2020

Hello @SAP/ui5-webcomponents-topic-b we would like to have new Bar like component. The initial scope, based on the stakeholder requests #2407 is described in the current issue.
You can proceed with the planning, prototyping and execution works.

@ilhan007 ilhan007 added this to the 1.0.0-rc.11 milestone Nov 4, 2020
@tsanislavgatev tsanislavgatev self-assigned this Nov 25, 2020
ilhan007 pushed a commit that referenced this issue Dec 7, 2020
Introduces a new component within the "fiori' package, called Bar (ui5-bar).
It serves as a container for buttons and similar components and it is mainly used for header or footer in application pages.

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

Successfully merging a pull request may close this issue.

2 participants