Dropdown Button Raised

Primary

height: 28px;

width: 71px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 89px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 104px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Secondary 

height: 28px;

width: 71px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 89px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 124px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Neutral

height: 28px;

width: 71px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 89px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 100px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Negative

height: 28px;

width: 71px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 89px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 111px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Dropdown Button Flat

Primary

height: 28px;

width: 71px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 89px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 104px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Secondary 

height: 28px;

width: 71px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 89px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 124px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Negative

height: 28px;

width: 71px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 89px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 111px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Split Dropdown Raised

Primary

height: 28px;

width: 80px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 98px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 113px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Secondary 

height: 28px;

width: 84px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 98px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 133px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Neutral

height: 28px;

width: 84px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 98px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 109px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Negative

height: 28px;

width: 84px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 98px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 120px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Split Dropdown Flat

Primary

height: 28px;

width: 84px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 98px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 113px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Secondary 

height: 28px;

width: 84px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 98px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 133px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Negative

height: 28px;

width: 84px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 40px;

width: 98px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 32px;

width: 120px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Dropdown Menu

Open dropdown with label on top or on the side

height: 182px;

width: 337px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 162px;

width: 446px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Questions? Drop us a line
© Copyright 2021 Micro Focus or one of its affiliates