feat(checkbox): export name prop

This commit is contained in:
Eric Liu 2019-12-31 07:58:47 -08:00
commit 138f672ae4

View file

@ -6,6 +6,7 @@
export let disabled = false; export let disabled = false;
export let id = Math.random(); export let id = Math.random();
export let labelText = ''; export let labelText = '';
export let name = '';
export let hideLabel = false; export let hideLabel = false;
export let title = ''; export let title = '';
export let style = undefined; export let style = undefined;
@ -37,6 +38,7 @@
{indeterminate} {indeterminate}
{disabled} {disabled}
{checked} {checked}
{name}
{id} /> {id} />
<label class={cx('--checkbox-label')} for={id} title={title || undefined}> <label class={cx('--checkbox-label')} for={id} title={title || undefined}>
<span class={cx('--checkbox-label-text', hideLabel && '--visually-hidden')}>{labelText}</span> <span class={cx('--checkbox-label-text', hideLabel && '--visually-hidden')}>{labelText}</span>