Dropdown Button Raised

Primary

height: 32px;

width: 40px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: ;

height: 32px;

width: 122px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: ;

height: 32px;

width: 100px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: ;

Secondary 

height: 32px;

width: 40px;

border-radius: ;

border: 1px SOLID #4c4e50;

background: #000000;

opacity: 1;

color: ;

height: 32px;

width: 122px;

border-radius: ;

border: 1px SOLID #4c4e50;

background: #000000;

opacity: 1;

color: ;

height: 32px;

width: 100px;

border-radius: ;

border: 1px SOLID #4c4e50;

background: #000000;

opacity: 1;

color: ;

Dropdown Button Flat

Primary

height: 32px;

width: 40px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: ;

height: 32px;

width: 118px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: ;

height: 32px;

width: 96px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: ;

Secondary 

height: 32px;

width: 40px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: ;

height: 32px;

width: 118px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: ;

height: 32px;

width: 96px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: ;

Split Button Raised

Types

height: 32px;

width: 107px;

border-radius: ;

border: 1px SOLID #4c4e50;

background: #000000;

opacity: 1;

color: ;

height: 32px;

width: 90px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: ;

States

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

Split Button Flat

Types

height: 32px;

width: 103px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: ;

height: 32px;

width: 87px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: ;

States 

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 69px;

width: 114px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

Menu

Open menu from below

height: 144px;

width: 125px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

height: 132px;

width: 125px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

Menu with groups

height: 233px;

width: 144px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

Menu with subcategories

height: 166px;

width: 285px;

border-radius: ;

border: px #000000;

background: #000000;

opacity: 1;

color: ;

Questions? Drop us a line

helloux@microfocus.com

© Copyright 2021 Micro Focus or one of its affiliates