diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6583b9c2d6..74d46fdc75 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -34,6 +34,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
### Documentation
- Add `Provider` examples @levithomason ([#285](https://github.com/stardust-ui/react/pull/285))
+- Add transparent button to examples @levithomason ([#407](https://github.com/stardust-ui/react/pull/407))
### Documentation
- Add component descriptions and fix accessibility errors @levithomason ([#387](https://github.com/stardust-ui/react/pull/387))
diff --git a/docs/src/components/ComponentDoc/ComponentControls/ComponentControls.tsx b/docs/src/components/ComponentDoc/ComponentControls/ComponentControls.tsx
index f88b57aade..194df1d9ad 100644
--- a/docs/src/components/ComponentDoc/ComponentControls/ComponentControls.tsx
+++ b/docs/src/components/ComponentDoc/ComponentControls/ComponentControls.tsx
@@ -7,6 +7,7 @@ import ComponentControlsShowCode from './ComponentControlsShowCode'
import ComponentControlsCopyLink from './ComponentControlsCopyLink'
import ComponentControlsShowVariables from './ComponentControlsShowVariables'
import ComponentControlsMaximize from './ComponentControlsMaximize'
+import ComponentControlsShowTransparent from './ComponentControlsShowTransparent'
import ComponentControlsRtl from './ComponentControlsRtl'
const ComponentControls: any = props => {
@@ -15,10 +16,12 @@ const ComponentControls: any = props => {
examplePath,
showCode,
showRtl,
+ showTransparent,
showVariables,
onCopyLink,
onShowCode,
onShowRtl,
+ onShowTransparent,
onShowVariables,
} = props
@@ -26,6 +29,7 @@ const ComponentControls: any = props => {