budibase/packages/bbui/src/Typography/Body.svelte

22 lines
470 B
Svelte
Raw Normal View History

2021-04-14 10:53:23 +02:00
<script>
2021-04-30 13:33:50 +02:00
import "@spectrum-css/typography/dist/index-vars.css"
export let size = "M"
export let serif = false
export let weight = null
export let textAlign = null
2022-03-15 09:16:45 +01:00
export let color = null
2021-04-14 10:53:23 +02:00
</script>
2021-04-30 13:33:50 +02:00
<p
style={`
${weight ? `font-weight:${weight};` : ""}
${textAlign ? `text-align:${textAlign};` : ""}
2022-03-15 09:16:45 +01:00
${color ? `color:${color};` : ""}
`}
2021-05-06 15:10:54 +02:00
class="spectrum-Body spectrum-Body--size{size}"
2021-05-10 15:50:37 +02:00
class:spectrum-Body--serif={serif}
>
2021-04-30 13:33:50 +02:00
<slot />
</p>