-isoftdata-svelte-checkbox

Svelte Checkbox

Install

npm i @isoftdata/svelte-checkbox

Props

Name	Type	Description	Default Value
id	string	The id of the input	(defaults to a uuid generated at runtime)
label	string	The label to be show to the user for the checkbox	''
name	string	Passed to the input when type = checkbox
checked	boolean	The checked state of the checkbox.	false
showLabel	boolean	Wheather to show the label	true
title	string	title attribute for the input element. Browsers treat this like a tooltip	''
indeterminate	boolean	The indeterminate property on the input checkbox element	false
inline	boolean	Whether the label and input's parent div should have the Bootstrap form-check-inline class applied.
trueLabel	string	The label for the "true" button when type="radio"	'Yes'
falseLabel	string	The label for the "false" button when type="radio"	'No'

Events

• change - A brief description of the event, if there are any

Example

<script lang="ts">
	import Checkbox from '@isoftdata/svelte-checkbox'

	let isTheCheckboxChecked = false
</script>

			<Checkbox
				label="Checkbox!"
				bind:checked={isTheCheckboxChecked}
			/>