mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
Merge pull request #93 from IBM/refactor
chore: add Form, FormLabel, FormItem stories
This commit is contained in:
Eric Liu
GitHub
commit
fb9e1d5ac7
25 changed files with 167 additions and 30 deletions
|
|
@ -70,4 +70,4 @@
|
||||||
}</script><style>#root[hidden],
|
}</script><style>#root[hidden],
|
||||||
#docs-root[hidden] {
|
#docs-root[hidden] {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}</style></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script src="runtime~main.36dd655755ce765069a8.bundle.js"></script><script src="vendors~main.36dd655755ce765069a8.bundle.js"></script><script src="main.36dd655755ce765069a8.bundle.js"></script></body></html>
|
}</style></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script src="runtime~main.548a6af97ccb098d1b95.bundle.js"></script><script src="vendors~main.548a6af97ccb098d1b95.bundle.js"></script><script src="main.548a6af97ccb098d1b95.bundle.js"></script></body></html>
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"file":"main.36dd655755ce765069a8.bundle.js","sources":["webpack:///main.36dd655755ce765069a8.bundle.js"],"mappings":"AAAA","sourceRoot":""}
|
|
||||||
2
docs/main.548a6af97ccb098d1b95.bundle.js
Normal file
2
docs/main.548a6af97ccb098d1b95.bundle.js
Normal file
File diff suppressed because one or more lines are too long
1
docs/main.548a6af97ccb098d1b95.bundle.js.map
Normal file
1
docs/main.548a6af97ccb098d1b95.bundle.js.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"file":"main.548a6af97ccb098d1b95.bundle.js","sources":["webpack:///main.548a6af97ccb098d1b95.bundle.js"],"mappings":"AAAA","sourceRoot":""}
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"file":"runtime~main.36dd655755ce765069a8.bundle.js","sources":["webpack:///runtime~main.36dd655755ce765069a8.bundle.js"],"mappings":"AAAA","sourceRoot":""}
|
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
!function(modules){function webpackJsonpCallback(data){for(var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],executeModules=data[2],i=0,resolves=[];i<chunkIds.length;i++)chunkId=chunkIds[i],Object.prototype.hasOwnProperty.call(installedChunks,chunkId)&&installedChunks[chunkId]&&resolves.push(installedChunks[chunkId][0]),installedChunks[chunkId]=0;for(moduleId in moreModules)Object.prototype.hasOwnProperty.call(moreModules,moduleId)&&(modules[moduleId]=moreModules[moduleId]);for(parentJsonpFunction&&parentJsonpFunction(data);resolves.length;)resolves.shift()();return deferredModules.push.apply(deferredModules,executeModules||[]),checkDeferredModules()}function checkDeferredModules(){for(var result,i=0;i<deferredModules.length;i++){for(var deferredModule=deferredModules[i],fulfilled=!0,j=1;j<deferredModule.length;j++){var depId=deferredModule[j];0!==installedChunks[depId]&&(fulfilled=!1)}fulfilled&&(deferredModules.splice(i--,1),result=__webpack_require__(__webpack_require__.s=deferredModule[0]))}return result}var installedModules={},installedChunks={1:0},deferredModules=[];function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{enumerable:!0,get:getter})},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.t=function(value,mode){if(1&mode&&(value=__webpack_require__(value)),8&mode)return value;if(4&mode&&"object"==typeof value&&value&&value.__esModule)return value;var ns=Object.create(null);if(__webpack_require__.r(ns),Object.defineProperty(ns,"default",{enumerable:!0,value:value}),2&mode&&"string"!=typeof value)for(var key in value)__webpack_require__.d(ns,key,function(key){return value[key]}.bind(null,key));return ns},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module.default}:function getModuleExports(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="";var jsonpArray=window.webpackJsonp=window.webpackJsonp||[],oldJsonpFunction=jsonpArray.push.bind(jsonpArray);jsonpArray.push=webpackJsonpCallback,jsonpArray=jsonpArray.slice();for(var i=0;i<jsonpArray.length;i++)webpackJsonpCallback(jsonpArray[i]);var parentJsonpFunction=oldJsonpFunction;checkDeferredModules()}([]);
|
!function(modules){function webpackJsonpCallback(data){for(var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],executeModules=data[2],i=0,resolves=[];i<chunkIds.length;i++)chunkId=chunkIds[i],Object.prototype.hasOwnProperty.call(installedChunks,chunkId)&&installedChunks[chunkId]&&resolves.push(installedChunks[chunkId][0]),installedChunks[chunkId]=0;for(moduleId in moreModules)Object.prototype.hasOwnProperty.call(moreModules,moduleId)&&(modules[moduleId]=moreModules[moduleId]);for(parentJsonpFunction&&parentJsonpFunction(data);resolves.length;)resolves.shift()();return deferredModules.push.apply(deferredModules,executeModules||[]),checkDeferredModules()}function checkDeferredModules(){for(var result,i=0;i<deferredModules.length;i++){for(var deferredModule=deferredModules[i],fulfilled=!0,j=1;j<deferredModule.length;j++){var depId=deferredModule[j];0!==installedChunks[depId]&&(fulfilled=!1)}fulfilled&&(deferredModules.splice(i--,1),result=__webpack_require__(__webpack_require__.s=deferredModule[0]))}return result}var installedModules={},installedChunks={1:0},deferredModules=[];function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{enumerable:!0,get:getter})},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.t=function(value,mode){if(1&mode&&(value=__webpack_require__(value)),8&mode)return value;if(4&mode&&"object"==typeof value&&value&&value.__esModule)return value;var ns=Object.create(null);if(__webpack_require__.r(ns),Object.defineProperty(ns,"default",{enumerable:!0,value:value}),2&mode&&"string"!=typeof value)for(var key in value)__webpack_require__.d(ns,key,function(key){return value[key]}.bind(null,key));return ns},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module.default}:function getModuleExports(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="";var jsonpArray=window.webpackJsonp=window.webpackJsonp||[],oldJsonpFunction=jsonpArray.push.bind(jsonpArray);jsonpArray.push=webpackJsonpCallback,jsonpArray=jsonpArray.slice();for(var i=0;i<jsonpArray.length;i++)webpackJsonpCallback(jsonpArray[i]);var parentJsonpFunction=oldJsonpFunction;checkDeferredModules()}([]);
|
||||||
//# sourceMappingURL=runtime~main.36dd655755ce765069a8.bundle.js.map
|
//# sourceMappingURL=runtime~main.548a6af97ccb098d1b95.bundle.js.map
|
||||||
1
docs/runtime~main.548a6af97ccb098d1b95.bundle.js.map
Normal file
1
docs/runtime~main.548a6af97ccb098d1b95.bundle.js.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"file":"runtime~main.548a6af97ccb098d1b95.bundle.js","sources":["webpack:///runtime~main.548a6af97ccb098d1b95.bundle.js"],"mappings":"AAAA","sourceRoot":""}
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
{"version":3,"file":"vendors~main.36dd655755ce765069a8.bundle.js","sources":["webpack:///vendors~main.36dd655755ce765069a8.bundle.js"],"mappings":"AAAA;;;;;;;;;;;;;;AAy8PA;;;;;AA6gYA;;AAu8BA;;;;;;;;;;;;;;AAmBA;;;;;AAquPA;;;;;AAkkEA;;;;;;;;;AAukBA;;;AA8odA;;;;;;;;AAg/BA;;;;;;;;AAqEA;;;;;;;;AAkTA;;;;;;;AAyrDA;;;;;;;AAy7CA;;;;;;;AAgdA;;;;;;;AAfA","sourceRoot":""}
|
|
||||||
File diff suppressed because one or more lines are too long
1
docs/vendors~main.548a6af97ccb098d1b95.bundle.js.map
Normal file
1
docs/vendors~main.548a6af97ccb098d1b95.bundle.js.map
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"file":"vendors~main.548a6af97ccb098d1b95.bundle.js","sources":["webpack:///vendors~main.548a6af97ccb098d1b95.bundle.js"],"mappings":"AAAA;;;;;;;;;;;;;;AAg4PA;;;;;AAq/XA;;AAu8BA;;;;;;;;;;;;;;AAmBA;;;;;AA6gPA;;;;;AAkkEA;;;;;;;;;AAukBA;;;AA8odA;;;;;;;;AAg/BA;;;;;;;;AAqEA;;;;;;;;AAkTA;;;;;;;AAyrDA;;;;;;;AAy7CA;;;;;;;AAmdA;;;;;;;AAfA","sourceRoot":""}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -68,7 +68,7 @@
|
||||||
},
|
},
|
||||||
"lint-staged": {
|
"lint-staged": {
|
||||||
"*.{js,svelte}": [
|
"*.{js,svelte}": [
|
||||||
"eslint --fix 'src/**'",
|
"eslint --fix",
|
||||||
"git add"
|
"git add"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@ export const Checked = () => ({
|
||||||
labelText: text('Label text (labelText)', 'Checkbox label'),
|
labelText: text('Label text (labelText)', 'Checkbox label'),
|
||||||
indeterminate: boolean('Intermediate (indeterminate)', false),
|
indeterminate: boolean('Intermediate (indeterminate)', false),
|
||||||
disabled: boolean('Disabled (disabled)', false),
|
disabled: boolean('Disabled (disabled)', false),
|
||||||
hideLabel: boolean('No label (hideLabel)', false)
|
hideLabel: boolean('Hide label (hideLabel)', false)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -20,7 +20,7 @@ export const Unchecked = () => ({
|
||||||
labelText: text('Label text (labelText)', 'Checkbox label'),
|
labelText: text('Label text (labelText)', 'Checkbox label'),
|
||||||
indeterminate: boolean('Intermediate (indeterminate)', false),
|
indeterminate: boolean('Intermediate (indeterminate)', false),
|
||||||
disabled: boolean('Disabled (disabled)', false),
|
disabled: boolean('Disabled (disabled)', false),
|
||||||
hideLabel: boolean('No label (hideLabel)', false)
|
hideLabel: boolean('Hide label (hideLabel)', false)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
export let indeterminate = false;
|
export let indeterminate = false;
|
||||||
export let disabled = false;
|
export let disabled = false;
|
||||||
export let id = Math.random();
|
export let id = Math.random();
|
||||||
export let labelText = undefined;
|
export let labelText = '';
|
||||||
export let hideLabel = false;
|
export let hideLabel = false;
|
||||||
export let title = '';
|
export let title = '';
|
||||||
export let style = undefined;
|
export let style = undefined;
|
||||||
|
|
|
||||||
74
src/components/Form/Form.Story.svelte
Normal file
74
src/components/Form/Form.Story.svelte
Normal file
|
|
@ -0,0 +1,74 @@
|
||||||
|
<script>
|
||||||
|
import Layout from '../../internal/ui/Layout.svelte';
|
||||||
|
import Checkbox from '../Checkbox';
|
||||||
|
import FormGroup from '../FormGroup';
|
||||||
|
import FileUploader from '../FileUploader';
|
||||||
|
import NumberInput from '../NumberInput';
|
||||||
|
import RadioButton from '../RadioButton';
|
||||||
|
import RadioButtonGroup from '../RadioButtonGroup';
|
||||||
|
import Button from '../Button';
|
||||||
|
import Search from '../Search';
|
||||||
|
import Select, { SelectItem } from '../Select';
|
||||||
|
import TextArea from '../TextArea';
|
||||||
|
import TextInput from '../TextInput';
|
||||||
|
import Toggle from '../Toggle';
|
||||||
|
import Form from './Form.svelte';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Layout>
|
||||||
|
<Form
|
||||||
|
on:submit={event => {
|
||||||
|
console.log('on:submit', event);
|
||||||
|
}}>
|
||||||
|
<FormGroup {...$$props}>
|
||||||
|
<Checkbox id="checkbox-0" labelText="Checkbox Label" checked />
|
||||||
|
<Checkbox id="checkbox-1" labelText="Checkbox Label" />
|
||||||
|
<Checkbox id="checkbox-2" labelText="Checkbox Label" disabled />
|
||||||
|
</FormGroup>
|
||||||
|
<NumberInput id="number-input-1" label="Number Input" min={0} max={100} value={50} step={10} />
|
||||||
|
<FormGroup legendText="Toggle heading">
|
||||||
|
<Toggle id="toggle-1" />
|
||||||
|
<Toggle id="toggle-2" disabled />
|
||||||
|
</FormGroup>
|
||||||
|
<FormGroup legendText="File Uploader">
|
||||||
|
<FileUploader id="file-1" buttonLabel="Add files" labelDescription="Choose Files..." />
|
||||||
|
</FormGroup>
|
||||||
|
<FormGroup legendText="Radio Button heading">
|
||||||
|
<RadioButtonGroup name="radio-button-group" defaultSelected="default-selected">
|
||||||
|
<RadioButton id="radio-1" value="standard" labelText="Standard Radio Button" />
|
||||||
|
<RadioButton
|
||||||
|
id="radio-2"
|
||||||
|
value="default-selected"
|
||||||
|
labelText="Default Selected Radio Button" />
|
||||||
|
<RadioButton id="radio-3" value="blue" labelText="Standard Radio Button" />
|
||||||
|
<RadioButton id="radio-4" value="disabled" labelText="Disabled Radio Button" disabled />
|
||||||
|
</RadioButtonGroup>
|
||||||
|
</FormGroup>
|
||||||
|
<FormGroup legendText="Search">
|
||||||
|
<Search id="search-1" labelText="Search" placeholder="Search" />
|
||||||
|
</FormGroup>
|
||||||
|
<Select id="select-1" defaultValue="placeholder-item">
|
||||||
|
<SelectItem disabled hidden value="placeholder-item" text="Choose an option" />
|
||||||
|
<SelectItem value="option-1" text="Option 1" />
|
||||||
|
<SelectItem value="option-2" text="Option 2" />
|
||||||
|
<SelectItem value="option-3" text="Option 3" />
|
||||||
|
</Select>
|
||||||
|
<TextInput id="text-input-1" labelText="Text Input label" placeholder="Placeholder text" />
|
||||||
|
<TextInput id="text-input-2" type="password" labelText="Password" required />
|
||||||
|
<TextInput
|
||||||
|
id="text-input-3"
|
||||||
|
type="password"
|
||||||
|
labelText="Password"
|
||||||
|
invalidText="Your password must be at least 6 characters as well as contain at least one
|
||||||
|
uppercase, one lowercase, and one number."
|
||||||
|
required
|
||||||
|
invalid />
|
||||||
|
<TextArea
|
||||||
|
id="text-area"
|
||||||
|
labelText="Text Area label"
|
||||||
|
placeholder="Placeholder text"
|
||||||
|
rows={4}
|
||||||
|
cols={50} />
|
||||||
|
<Button type="submit">Submit</Button>
|
||||||
|
</Form>
|
||||||
|
</Layout>
|
||||||
14
src/components/Form/Form.stories.js
Normal file
14
src/components/Form/Form.stories.js
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { withKnobs, text, boolean } from '@storybook/addon-knobs';
|
||||||
|
import Component from './Form.Story.svelte';
|
||||||
|
|
||||||
|
export default { title: 'Form', decorators: [withKnobs] };
|
||||||
|
|
||||||
|
export const Default = () => ({
|
||||||
|
Component,
|
||||||
|
props: {
|
||||||
|
legendText: text('Text in <legend> (legendText)', 'Checkbox heading'),
|
||||||
|
message: boolean('Show form requirement (message)', false),
|
||||||
|
messageText: text('Form requirement text (messageText)', ''),
|
||||||
|
invalid: boolean('Mark as invalid (invalid)', false)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
@ -6,6 +6,13 @@
|
||||||
import { cx } from '../../lib';
|
import { cx } from '../../lib';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<form on:click on:mouseover on:mouseenter on:mouseleave class={cx('--form', className)} {style}>
|
<form
|
||||||
|
on:click
|
||||||
|
on:mouseover
|
||||||
|
on:mouseenter
|
||||||
|
on:mouseleave
|
||||||
|
on:submit|preventDefault
|
||||||
|
class={cx('--form', className)}
|
||||||
|
{style}>
|
||||||
<slot />
|
<slot />
|
||||||
</form>
|
</form>
|
||||||
|
|
|
||||||
11
src/components/FormItem/FormItem.Story.svelte
Normal file
11
src/components/FormItem/FormItem.Story.svelte
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<script>
|
||||||
|
import Layout from '../../internal/ui/Layout.svelte';
|
||||||
|
import NumberInput from '../NumberInput';
|
||||||
|
import FormItem from './FormItem.svelte';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Layout>
|
||||||
|
<FormItem>
|
||||||
|
<NumberInput id="number-input-1" />
|
||||||
|
</FormItem>
|
||||||
|
</Layout>
|
||||||
6
src/components/FormItem/FormItem.stories.js
Normal file
6
src/components/FormItem/FormItem.stories.js
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
import { withKnobs } from '@storybook/addon-knobs';
|
||||||
|
import Component from './FormItem.Story.svelte';
|
||||||
|
|
||||||
|
export default { title: 'FormItem', decorators: [withKnobs] };
|
||||||
|
|
||||||
|
export const Default = () => ({ Component });
|
||||||
17
src/components/FormLabel/FormLabel.Story.svelte
Normal file
17
src/components/FormLabel/FormLabel.Story.svelte
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<script>
|
||||||
|
export let story = undefined;
|
||||||
|
|
||||||
|
import Layout from '../../internal/ui/Layout.svelte';
|
||||||
|
import Tooltip from '../Tooltip';
|
||||||
|
import FormLabel from './FormLabel.svelte';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Layout>
|
||||||
|
{#if story === 'tooltip'}
|
||||||
|
<FormLabel>
|
||||||
|
<Tooltip triggerText="Label">This is the content of the tooltip.</Tooltip>
|
||||||
|
</FormLabel>
|
||||||
|
{:else}
|
||||||
|
<FormLabel>Label</FormLabel>
|
||||||
|
{/if}
|
||||||
|
</Layout>
|
||||||
8
src/components/FormLabel/FormLabel.stories.js
Normal file
8
src/components/FormLabel/FormLabel.stories.js
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
import { withKnobs } from '@storybook/addon-knobs';
|
||||||
|
import Component from './FormLabel.Story.svelte';
|
||||||
|
|
||||||
|
export default { title: 'FormLabel', decorators: [withKnobs] };
|
||||||
|
|
||||||
|
export const Default = () => ({ Component });
|
||||||
|
|
||||||
|
export const WithTooltip = () => ({ Component, props: { story: 'tooltip' } });
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
on:mouseenter
|
on:mouseenter
|
||||||
on:mouseleave
|
on:mouseleave
|
||||||
for={id}
|
for={id}
|
||||||
class={cx('--form-item', className)}
|
class={cx('--label', className)}
|
||||||
{style}>
|
{style}>
|
||||||
<slot />
|
<slot />
|
||||||
</label>
|
</label>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
export let id = Math.random();
|
export let id = Math.random();
|
||||||
export let toggled = false;
|
export let toggled = false;
|
||||||
export let disabled = false;
|
export let disabled = false;
|
||||||
export let labelText = undefined;
|
export let labelText = '';
|
||||||
export let labelA = 'Off';
|
export let labelA = 'Off';
|
||||||
export let labelB = 'On';
|
export let labelB = 'On';
|
||||||
export let style = undefined;
|
export let style = undefined;
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
export let id = Math.random();
|
export let id = Math.random();
|
||||||
export let toggled = false;
|
export let toggled = false;
|
||||||
export let disabled = false;
|
export let disabled = false;
|
||||||
export let labelText = undefined;
|
export let labelText = '';
|
||||||
export let labelA = 'Off';
|
export let labelA = 'Off';
|
||||||
export let labelB = 'On';
|
export let labelB = 'On';
|
||||||
export let style = undefined;
|
export let style = undefined;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue