Dropdown Button Raised

Primary

height: 28px;

width: 71px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: #010101;

height: 40px;

width: 89px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: #010101;

height: 32px;

width: 104px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: #010101;

Secondary 

height: 28px;

width: 71px;

border-radius: ;

border: 1px SOLID #000000;

background: #000000;

opacity: 1;

color: #000000;

height: 40px;

width: 89px;

border-radius: ;

border: 1px SOLID #000000;

background: #000000;

opacity: 1;

color: #000000;

height: 32px;

width: 124px;

border-radius: ;

border: 1px SOLID #000000;

background: #000000;

opacity: 1;

color: #000000;

Neutral

height: 28px;

width: 71px;

border-radius: ;

border: 1px SOLID #0073e7;

background: #000000;

opacity: 1;

color: #000000;

height: 40px;

width: 89px;

border-radius: ;

border: 1px SOLID #0073e7;

background: #000000;

opacity: 1;

color: #000000;

height: 32px;

width: 100px;

border-radius: ;

border: 1px SOLID #0073e7;

background: #000000;

opacity: 1;

color: #000000;

Negative

height: 28px;

width: 71px;

border-radius: ;

border: 1px SOLID #e5004c;

background: #000000;

opacity: 1;

color: #000000;

height: 40px;

width: 89px;

border-radius: ;

border: 1px SOLID #e5004c;

background: #000000;

opacity: 1;

color: #000000;

height: 32px;

width: 111px;

border-radius: ;

border: 1px SOLID #e5004c;

background: #000000;

opacity: 1;

color: #000000;

Dropdown Button Flat

Primary

height: 28px;

width: 71px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: #000000;

height: 40px;

width: 89px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: #000000;

height: 32px;

width: 104px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: #000000;

Secondary 

height: 28px;

width: 71px;

border-radius: ;

border: 2px #000000;

background: #000000;

opacity: 1;

color: #000000;

height: 40px;

width: 89px;

border-radius: ;

border: 2px #000000;

background: #000000;

opacity: 1;

color: #000000;

height: 32px;

width: 124px;

border-radius: ;

border: 2px #000000;

background: #000000;

opacity: 1;

color: #000000;

Negative

height: 28px;

width: 71px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: #000000;

height: 40px;

width: 89px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: #000000;

height: 32px;

width: 111px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: #000000;

Split Dropdown Raised

Primary

height: 28px;

width: 80px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: #010101;

height: 40px;

width: 98px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: #010101;

height: 32px;

width: 113px;

border-radius: ;

border: 1px #000000;

background: #0073e7;

opacity: 1;

color: #010101;

Secondary 

Neutral

Negative

Split Dropdown Flat

Primary

Secondary 

Negative

Dropdown Menu

Open dropdown with label on top or on the side

height: 182px;

width: 337px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: #000000;

height: 162px;

width: 446px;

border-radius: ;

border: 1px #000000;

background: #000000;

opacity: 1;

color: #000000;

Questions? Drop us a line

helloux@microfocus.com

© Copyright 2021 Micro Focus or one of its affiliates