tsai
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

convert Code component to new API

pull/4023/head
Keviin Åberg Kultalahti 5 years ago
parent
7dc53dc2e6
commit
2d8e200591
1 changed files with 6 additions and 16 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 22
      packages/bbui/src/Typography/Code.svelte

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

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

Write Preview
Loading…
Cancel
Save