diff --git a/docs/docs/components/app-components-color/app-components-color.md b/docs/docs/components/app-components-color/app-components-color.md index efd99754c..15d364988 100644 --- a/docs/docs/components/app-components-color/app-components-color.md +++ b/docs/docs/components/app-components-color/app-components-color.md @@ -6,14 +6,21 @@ It is fully configurable in terms of colors, you could define the set of colors ## Table of contents -- [Showcase](#app-components-color-showcase) -- [Installation](#app-components-color-installation) - [Using from a CDN](#app-components-color-from-a-cdn) - [Install from NPM](#app-components-color-from-npm) - [Framework integration](#app-components-color-framework-integration) -- [Usage](#app-components-color-usage) - - [Slots](#app-components-color-slots) - - [Attributes](#app-components-color-attributes) - - [Theming](#app-components-color-theming) - - [Methods](#app-components-color-methods) -- [Trying it out](#app-components-color-trying-it-out) +- [Color Picker](#color-picker) + - [Table of contents](#table-of-contents) + - [Showcase](#showcase) + - [Installation](#installation) + - [Using from a CDN](#using-from-a-cdn) + - [Install from NPM](#install-from-npm) + - [Framework integration](#framework-integration) + - [Import](#import) + - [Loader](#loader) + - [Usage](#usage) + - [Slots](#slots) + - [Attributes](#attributes) + - [Palette](#palette) + - [Theming](#theming) + - [Events](#events) ## Showcase @@ -225,6 +232,10 @@ The following theming options will affect this component if set on its host or p | --deckgo-color-label-text-align | center | Text alignment of the color description | | --deckgo-color-label-color-font-weight | 300 | Font weight of the hexadecimal value of the color description | +| Shadow-DOM part | Note | +| --------------- | ------------------------------------------------------ | +| container | Allows to style the container the color buttons are in | + ### Events To listen to the selected color you have to subscribe to the following event: diff --git a/webcomponents/color/src/components/color/deckdeckgo-color.tsx b/webcomponents/color/src/components/color/deckdeckgo-color.tsx index 08b5c693e..7fe779843 100644 --- a/webcomponents/color/src/components/color/deckdeckgo-color.tsx +++ b/webcomponents/color/src/components/color/deckdeckgo-color.tsx @@ -237,7 +237,7 @@ export class DeckdeckgoColor { render() { return ( -
+
{this.renderPalette()} {this.renderMore()}