Browse Source

convert Code component to new API

pull/4023/head
Keviin Åberg Kultalahti 5 years ago
parent
commit
2d8e200591
  1. 22
      packages/bbui/src/Typography/Code.svelte

22
packages/bbui/src/Typography/Code.svelte

@ -1,20 +1,10 @@
<script>
import "@spectrum-css/typography/dist/index-vars.css"
import "@spectrum-css/typography/dist/index-vars.css"
// Sizes
export let xl = false;
export let l = false;
export let m = false;
export let s = false;
export let xs = false;
$: useDefault = ![xl, l, m, s, xs].includes(true)
// Sizes
export let size = "M"
</script>
<code class="spectrum-Code"
class:spectrum-Code--sizeXL={xl}
class:spectrum-Code--sizeL={l}
class:spectrum-Code--sizeM={m || useDefault}
class:spectrum-Code--sizeS={s}
class:spectrum-Code--sizeXS={xs}>
<slot />
</code>
<code class="spectrum-Code spectrum-Code--size{size}">
<slot />
</code>

Loading…
Cancel
Save