Rework buttons classes and variants

Add a conditional class and list props as BEM class modifiers
This commit is contained in:
2021-10-19 17:19:05 +02:00
parent ea567693c2
commit ecacc0c1a1
9 changed files with 42 additions and 30 deletions

View File

@@ -2,6 +2,7 @@
import { getContext } from 'svelte'
// Components
import IconArrow from '$components/atoms/IconArrow.svelte'
import ButtonCircle from '$components/atoms/ButtonCircle.svelte'
export let past: boolean = false
@@ -20,9 +21,13 @@
on:focus={toggleFocus}
on:blur={toggleFocus}
>
<button type="submit" form="sib-form">
<ButtonCircle
type="submit" form="sib-form"
color="pink" size="small"
clone={true}
>
<IconArrow color="white" />
</button>
</ButtonCircle>
</div>
<input type="text" name="email_address_check" value="" style="display: none;">