A next-generation tool to create blazing-fast documentation sites
API
created:12/30/2020
updated:12/30/2020
loc
104
comments
10%

BeelineColor

avatar of atanasster

Color item displaying the color as a block with values for rgb and Pantone colors. Design inspired by Beeline Design System.

Overview

Brand
HEX:
#2270ee
RGB:
rgb(34,112,238)
Pantone:
2726C:
Name
Description
Default
Controls
name

name of the color, If none, or same as the color value, some color blocks will not display it

string
-
color

color value as a string. accepted hex, rgb, hsl color strings

ColorValue
-

A11y tests

Brand
HEX:
#2270ee
RGB:
rgb(34,112,238)
Pantone:
2726C:

Viewport

Brand
HEX:
#2270ee
RGB:
rgb(34,112,238)
Pantone:
2726C:
320px
Brand
HEX:
#2270ee
RGB:
rgb(34,112,238)
Pantone:
2726C:
375px
Brand
HEX:
#2270ee
RGB:
rgb(34,112,238)
Pantone:
2726C:
768px
Brand
HEX:
#2270ee
RGB:
rgb(34,112,238)
Pantone:
2726C:
1024px