18 lines
411 B
Svelte
18 lines
411 B
Svelte
|
<script>
|
||
|
|
import { getContext, setContext } from "svelte"
|
||
|
|
|
||
|
|
export let labelPosition = "above"
|
||
|
|
|
||
|
|
const { styleable } = getContext("sdk")
|
||
|
|
const component = getContext("component")
|
||
|
|
setContext("fieldGroup", { labelPosition })
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div use:styleable={$component.styles}>
|
||
|
|
<form
|
||
|
|
class="spectrum-Form"
|
||
|
|
class:spectrum-Form--labelsAbove={labelPosition === 'above'}>
|
||
|
|
<slot />
|
||
|
|
</form>
|
||
|
|
</div>
|