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

convert Detail component to new API

pull/1431/head
Keviin Åberg Kultalahti 5 years ago
parent
856f808600
commit
fa63b8f9ea
1 changed files with 10 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. 26
      packages/bbui/src/Typography/Detail.svelte

26
packages/bbui/src/Typography/Detail.svelte
View File

@ -1,21 +1,15 @@
<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 serif = false; export let serif = false
$: useDefault = ![xl, l, m, s].includes(true)
</script> </script>
<p class="spectrum-Detail" <p
class:spectrum-Detail--serif={serif} class="spectrum-Detail spectrum-Detail--size{size}"
class:spectrum-Detail--sizeXL={xl} class:spectrum-Detail--serif={serif}
class:spectrum-Detail--sizeL={l} >
class:spectrum-Detail--sizeM={m || useDefault} <slot />
class:spectrum-Detail--sizeS={s}> </p>
<slot />
</p>

Write Preview
Loading…
Cancel
Save