ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #627 from ing-bank/chore/fix-switch-storybook

Browse source 
chore(switch): fix storybook rendering
This commit is contained in:
gerjanvangeest 2020-03-05 13:16:10 +01:00 committed by GitHub
commit cd4d2fa561
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/switch/stories/index.stories.mdx
View file

@ -1,7 +1,7 @@
import { Story, Meta, html } from '@open-wc/demoing-storybook'; import { Story, Meta, html } from '@open-wc/demoing-storybook';
import { Validator } from '@lion/validate'; import { Validator } from '@lion/validate';
import { LionSwitch } from '../src/LionSwitch'; import { LionSwitch } from '../index.js';
import '../lion-switch.js'; import '../lion-switch.js';
import '@lion/helpers/sb-action-logger.js'; import '@lion/helpers/sb-action-logger.js';
@ -76,13 +76,16 @@ Simple example that illustrates where validation feedback will be displayed.
return "You won't get the latest news!"; return "You won't get the latest news!";
} }
}; };
class CustomSwitch extends LionSwitch { const tagName = 'custom-switch';
static get validationTypes() { if (!customElements.get(tagName)) {
return [...super.validationTypes, 'info']; customElements.define(
} tagName,
} class CustomSwitch extends LionSwitch {
if (!customElements.get('custom-switch')) { static get validationTypes() {
customElements.define('custom-switch', CustomSwitch); return [...super.validationTypes, 'info'];
}
},
);
} }
return html` return html`
<custom-switch <custom-switch
@ -97,7 +100,7 @@ Simple example that illustrates where validation feedback will be displayed.
```js ```js
import { Validator } from '@lion/validate'; import { Validator } from '@lion/validate';
import { LionSwitch } from '@lion/switch/src/LionSwitch'; import { LionSwitch } from '@lion/switch';
const IsTrue = class extends Validator { const IsTrue = class extends Validator {
static get validatorName() { static get validatorName() {