mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(checkbox): add readonly prop

Browse source
This commit is contained in:
Eric Liu 2019-12-31 12:53:51 -08:00
commit eb0ad4106d
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/Checkbox/Checkbox.svelte
View file

@ -7,6 +7,7 @@
export let id = Math.random(); export let id = Math.random();
export let labelText = ''; export let labelText = '';
export let name = ''; export let name = '';
export let readonly = false;
export let hideLabel = false; export let hideLabel = false;
export let title = ''; export let title = '';
export let style = undefined; export let style = undefined;
@ -39,7 +40,8 @@
{disabled} {disabled}
{checked} {checked}
{name} {name}
{id} /> {id}
{readonly} />
<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>
</label> </label>