Ghola

Scale Generator for Developers

Components

The pages here lead to tests for the components and demos, if there are any.

Component Purpose Test Demo
g-color-swatch

Renders a color swatch, possibly with its value derived from another, or possibly editable

Run Tests View Demo
g-color-name

Shows a system-provided name for a color, but allows the user to override it.

Run Tests View Demo
g-palette-color-scale

Wraps g-color-palette elements and a g-color-name element to show different versions of a base color to be used in a larger palette.

Run Tests View Demo
g-add-color-scale-button

Wraps one or more buttons that, when clicked, will add a new g-palette-color-scale to the given palette.

Run Tests
g-palette

Wraps the color scales to provide access to the palette

Run Tests
g-preview-text

Wraps the text used for previewing a seletion of colors

Run Tests