Skip to content

Commit

Permalink
docs: update bar documentation to use the latest button classes (#710)
Browse files Browse the repository at this point in the history
  • Loading branch information
@droshev
droshev committed Feb 28, 2020
1 parent 9f06096 commit ed9adb0
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions docs/pages/components/bar.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ The Bar has 2 modes - `Desktop` (default) and `Tablet/Mobile` (cosy).
</div>
<div class="fd-bar__middle">
<div class="fd-bar__element">
<div class="fd-button-group" role="group" aria-label="Group label">
<div class="fd-segmented-button" role="group" aria-label="Group label">
<button class="fd-button fd-button--compact sap-icon--email" aria-pressed="true"></button>
<button class="fd-button fd-button--compact sap-icon--iphone"></button>
<button class="fd-button fd-button--compact sap-icon--notification-2"></button>
Expand Down Expand Up @@ -68,7 +68,7 @@ The Bar has 2 modes - `Desktop` (default) and `Tablet/Mobile` (cosy).
</div>
<div class="fd-bar__middle">
<div class="fd-bar__element">
<div class="fd-button-group" role="group" aria-label="Group label">
<div class="fd-segmented-button" role="group" aria-label="Group label">
<button class="fd-button fd-button--compact sap-icon--email" aria-pressed="true"></button>
<button class="fd-button fd-button--compact sap-icon--iphone"></button>
<button class="fd-button fd-button--compact sap-icon--notification-2"></button>
Expand Down Expand Up @@ -111,7 +111,7 @@ For Tablet and Mobile (Cosy mode) apply the `fd-bar--cosy` class to the containe
</div>
<div class="fd-bar__middle">
<div class="fd-bar__element">
<div class="fd-button-group" role="group" aria-label="Group label">
<div class="fd-segmented-button" role="group" aria-label="Group label">
<button class="fd-button fd-button--compact sap-icon--email" aria-pressed="true"></button>
<button class="fd-button fd-button--compact sap-icon--iphone"></button>
<button class="fd-button fd-button--compact sap-icon--notification-2"></button>
Expand Down Expand Up @@ -156,7 +156,7 @@ For Header in Bar Design apply the `fd-bar--header` class to the container eleme
</div>
<div class="fd-bar__middle">
<div class="fd-bar__element">
<div class="fd-button-group" role="group" aria-label="Group label">
<div class="fd-segmented-button" role="group" aria-label="Group label">
<button class="fd-button fd-button--compact sap-icon--email" aria-pressed="true"></button>
<button class="fd-button fd-button--compact sap-icon--iphone"></button>
<button class="fd-button fd-button--compact sap-icon--notification-2"></button>
Expand Down Expand Up @@ -191,7 +191,7 @@ For Header in Bar Design apply the `fd-bar--header` class to the container eleme
</div>
<div class="fd-bar__middle">
<div class="fd-bar__element">
<div class="fd-button-group" role="group" aria-label="Group label">
<div class="fd-segmented-button" role="group" aria-label="Group label">
<button class="fd-button fd-button--compact sap-icon--email" aria-pressed="true"></button>
<button class="fd-button fd-button--compact sap-icon--iphone"></button>
<button class="fd-button fd-button--compact sap-icon--notification-2"></button>
Expand Down Expand Up @@ -226,7 +226,7 @@ For Header in Bar Design apply the `fd-bar--header` class to the container eleme
</div>
<div class="fd-bar__middle">
<div class="fd-bar__element">
<div class="fd-button-group" role="group" aria-label="Group label">
<div class="fd-segmented-button" role="group" aria-label="Group label">
<button class="fd-button fd-button--compact sap-icon--email" aria-pressed="true"></button>
<button class="fd-button fd-button--compact sap-icon--iphone"></button>
<button class="fd-button fd-button--compact sap-icon--notification-2"></button>
Expand Down Expand Up @@ -283,7 +283,7 @@ SubHeader in Bar Design is achieved by adding the `fd-bar--subheader` class to t
<div class="fd-bar__middle">
<div class="fd-bar__element">
<div class="fd-form-item">
<div class="fd-button-group" role="group" aria-label="Group label">
<div class="fd-segmented-button" role="group" aria-label="Group label">
<button class="fd-button fd-button--compact sap-icon--email" aria-pressed="true"></button>
<button class="fd-button fd-button--compact sap-icon--iphone"></button>
<button class="fd-button fd-button--compact sap-icon--notification-2"></button>
Expand Down Expand Up @@ -351,7 +351,7 @@ If a Header is followed by a SubHeader, the Header container should have the `f
</div>
<div class="fd-bar__middle">
<div class="fd-bar__element">
<div class="fd-button-group" role="group" aria-label="Group label">
<div class="fd-segmented-button" role="group" aria-label="Group label">
<button class="fd-button fd-button--compact sap-icon--email" aria-pressed="true"></button>
<button class="fd-button fd-button--compact sap-icon--iphone"></button>
<button class="fd-button fd-button--compact sap-icon--notification-2"></button>
Expand Down

0 comments on commit ed9adb0

Please sign in to comment.