budibase/packages/bbui/src/Label/Label.svelte

30 lines
500 B
Svelte
Raw Normal View History

<script>
2021-05-06 16:33:16 +02:00
import "@spectrum-css/fieldlabel/dist/index-vars.css"
import TooltipWrapper from "../Tooltip/TooltipWrapper.svelte"
2021-05-06 16:33:16 +02:00
export let size = "M"
export let tooltip = ""
export let muted
</script>
<TooltipWrapper {tooltip} {size}>
<label
class:muted
for=""
class={`spectrum-FieldLabel spectrum-FieldLabel--size${size}`}
>
<slot />
</label>
</TooltipWrapper>
<style>
2021-05-06 16:33:16 +02:00
label {
padding: 0;
white-space: nowrap;
}
.muted {
opacity: 0.5;
}
</style>