Reflect active prop

gokatz · Jan 11, 2021 · 6e93498 · 6e93498
1 parent 30a17ff
commit 6e93498
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/docs/getting-started/changelog.md b/docs/getting-started/changelog.md
@@ -21,6 +21,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 - Fixed a bug in `sl-color-picker` where the toggle button was smaller than the preview button in Safari
 - Fixed a bug in `sl-tab-group` where activating a nested tab group didn't work properly [#299](https://github.com/shoelace-style/shoelace/issues/299)
 - Fixed a bug in `sl-alert`, `sl-dialog`, `sl-drawer`, `sl-select`, and `sl-tag` where the close button's base wasn't exported so it couldn't be styled
+- Updated `sl-tab-group` so the `active` prop is reflected to the attribute
 - Updated the docs to show dependencies instead of dependents which is much more useful when working with the custom elements bundle
 - Updated to Bootstrap Icons 1.3.0
 

diff --git a/src/components/tab-panel/tab-panel.tsx b/src/components/tab-panel/tab-panel.tsx
@@ -25,7 +25,7 @@ export class TabPanel {
   @Prop() name = '';
 
   /** When true, the tab panel will be shown. */
-  @Prop() active = false;
+  @Prop({ reflect: true }) active = false;
 
   render() {
     return (