style(oui-navbar): add brand title (#183)

ovh-ux · May 18, 2018 · 4342d03 · 4342d03
1 parent 3c4af57
commit 4342d03
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/oui-navbar/README.md b/packages/oui-navbar/README.md
@@ -32,6 +32,7 @@ Note: All children menus have `.oui-navbar-menu_fixed`. The component is intende
 ### Properties of attribute `brand`
 
 - `label` _(optional)_: define `aria-label` of the brand link.
+- `title`: _(optional)_: define the brand text.
 - `url`: define `href` of the brand link.
 
 #### Set a brand icon with a CSS class (for `oui-icon`)
@@ -45,6 +46,7 @@ The brand icon will be set as a `<span>`.
 ```json
 {
     "label": String,
+    "title": String,
     "url": String<Url>,
     "iconClass": String
 }
@@ -63,6 +65,7 @@ The brand icon will be set as a `<img>`.
 ```json
 {
     "label": String,
+    "title": String,
     "url": String<Url>,
     "iconAlt": String,
     "iconClass": String,

diff --git a/packages/oui-navbar/src/navbar.html b/packages/oui-navbar/src/navbar.html
@@ -38,6 +38,9 @@
     <span ng-if="::!$ctrl.brand.iconSrc"
         ng-class="::$ctrl.brand.iconClass">
     </span>
+    <span class="oui-navbar__title" ng-if="::$ctrl.brand.title"
+        ng-bind="::$ctrl.brand.title">
+    </span>
 </a>
 <!-- /Brand -->