x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="toolbar-container"> <div class="toolbar"> <div class="title-container"> <h2>Title of the page</h2> </div> <ul class="toolbar-items"> <li class="toolbar-item"> <a href="#" class="button -primary">An important button</a> </li> <li class="toolbar-item"> <button class="button">Normal button</button> </li> <li class="toolbar-item"> <button class="button"> <i class="button--icon icon-star"></i> <span class="button--text">Favourite button</span> </button> </li> </ul> </div></div>A toolbar that can and should be used for actions on the current view. Initially designed for the Work package list, this can be reused throughout the application.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="toolbar-container"> <div class="toolbar"> <div class="title-container"> <h2>Title of the page</h2> </div> <ul class="toolbar-items"> <li class="toolbar-item"> <a href="#" class="button -primary">An important button</a> </li> <li class="toolbar-item"> <button class="button">Normal button</button> </li> <li class="toolbar-item"> <button class="button"> <i class="button--icon icon-star"></i> <span class="button--text">Favourite button</span> </button> </li> </ul> </div></div>No params configured.