diff --git a/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte b/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte index 422dcca85c..3aa88eac85 100644 --- a/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte +++ b/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte @@ -32,6 +32,7 @@ const onStyleChanged = store.actions.components.updateStyle const onCustomStyleChanged = store.actions.components.updateCustomStyle + const onResetStyles = store.actions.components.resetStyles $: isComponentOrScreen = $store.currentView === "component" || @@ -98,7 +99,8 @@ {panelDefinition} {componentInstance} {onStyleChanged} - {onCustomStyleChanged} /> + {onCustomStyleChanged} + {onResetStyles} /> {:else if selectedCategory.value === 'settings'} - import { TextArea, DetailSummary } from "@budibase/bbui" + import { TextArea, DetailSummary, Button } from "@budibase/bbui" import PropertyGroup from "./PropertyGroup.svelte" import FlatButtonGroup from "./FlatButtonGroup.svelte" @@ -8,6 +8,7 @@ export let componentDefinition = {} export let onStyleChanged = () => {} export let onCustomStyleChanged = () => {} + export let onResetStyles = () => {} let selectedCategory = "normal" let propGroup = null @@ -46,16 +47,18 @@ on:open={() => (currentGroup = groupName)} /> {/each} (currentGroup = 'custom')} show={currentGroup === 'custom'} thin>