30 lines
773 B
Svelte
30 lines
773 B
Svelte
<script>
|
|
import "@spectrum-css/label/dist/index-vars.css"
|
|
|
|
export let size = "M"
|
|
export let grey = false
|
|
export let red = false
|
|
export let orange = false
|
|
export let yellow = false
|
|
export let seafoam = false
|
|
export let green = false
|
|
export let active = false
|
|
export let inactive = false
|
|
</script>
|
|
|
|
<span
|
|
class="spectrum-Label"
|
|
class:spectrum-Label--small={size === "S"}
|
|
class:spectrum-Label--large={size === "L"}
|
|
class:spectrum-Label--grey={grey}
|
|
class:spectrum-Label--red={red}
|
|
class:spectrum-Label--green={green}
|
|
class:spectrum-Label--orange={orange}
|
|
class:spectrum-Label--yellow={yellow}
|
|
class:spectrum-Label--seafoam={seafoam}
|
|
class:spectrum-Label--active={active}
|
|
class:spectrum-Label--inactive={inactive}
|
|
>
|
|
<slot />
|
|
</span>
|