Browse Source

Ensure checkbox always has a size class

pull/2261/head
Andrew Kingston 5 years ago
parent
commit
6005c0a4d8
  1. 6
      packages/bbui/src/Form/Core/Checkbox.svelte

6
packages/bbui/src/Form/Core/Checkbox.svelte

@ -8,16 +8,18 @@
export let id = null export let id = null
export let text = null export let text = null
export let disabled = false export let disabled = false
export let size = null export let size
const dispatch = createEventDispatcher() const dispatch = createEventDispatcher()
const onChange = event => { const onChange = event => {
dispatch("change", event.target.checked) dispatch("change", event.target.checked)
} }
$: sizeClass = `spectrum-Checkbox--size${size || "M"}`
</script> </script>
<label <label
class="spectrum-Checkbox spectrum-Checkbox--size{size} spectrum-Checkbox--emphasized" class="spectrum-Checkbox spectrum-Checkbox--emphasized {sizeClass}"
class:is-invalid={!!error} class:is-invalid={!!error}
> >
<input <input

Loading…
Cancel
Save