From 581336a4ab00a2b04543868b779550a7dbc4a98c Mon Sep 17 00:00:00 2001 From: Barrett Grubbs Date: Wed, 3 Jul 2024 13:52:37 -0400 Subject: [PATCH] add context to the component file --- .../src/components/cbp-app-header/cbp-app-header.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/web-components/src/components/cbp-app-header/cbp-app-header.tsx b/packages/web-components/src/components/cbp-app-header/cbp-app-header.tsx index c65e39a2..7b56918e 100644 --- a/packages/web-components/src/components/cbp-app-header/cbp-app-header.tsx +++ b/packages/web-components/src/components/cbp-app-header/cbp-app-header.tsx @@ -1,4 +1,4 @@ -import { Component, Host, h } from '@stencil/core'; +import { Component, Host, h, Prop } from '@stencil/core'; @Component({ tag: 'cbp-app-header', @@ -6,6 +6,10 @@ import { Component, Host, h } from '@stencil/core'; }) export class CbpAppHeader { + + /** Specifies the context of the component as it applies to the visual design and whether it inverts when light/dark mode is toggled. Default behavior is "light-inverts" and does not have to be specified. */ + @Prop({ reflect: true }) context: "light-inverts" | "light-always" | "dark-inverts" | "dark-always"; + render() { return (