budibase/packages/standard-components/src/Placeholder.svelte

22 lines
382 B
Svelte

<script>
import { getContext } from "svelte"
const { builderStore } = getContext("sdk")
const component = getContext("component")
export let text
</script>
{#if $builderStore.inBuilder}
<div>
{text || $component.name || "Placeholder"}
</div>
{/if}
<style>
div {
color: var(--spectrum-global-color-gray-600);
font-size: var(--font-size-s);
}
</style>