0.0.18 • Published 2 years ago
storybook-ng-source-addon v0.0.18
Storybook ng-source Addon
Show your args evaluated on template or splitted into code/HTML.
Ideal for fast prototyping components and copy-paste based development.
(If you like it, please consider giving it a star so I can keep it updated :D)
Splitted Args (.HTML/.TS) | Evaluated Args (.HTML) |
---|---|
Getting Started
Install into your project with npm i storybook-ng-source-addon --save
Add to your main.js
, inside addons:
module.exports = {
...
"addons": [
"storybook-ng-source-addon",
...
],
...
}
How to write stories for it to work
Stories should be written in the following format:
export const Template: Story<ButtonComponent> = (args) => ({
props: args,
template: `
<pm-button
[label]="label"
[type]="type"
[busy]="busy"
[busyText]="busyText"
[iconClass]="iconClass"
[outline]="outline"
[disabled]="disabled"
>
Button Content
</pm-button>
`
});
export const defaultArgs = {
label: '',
type: 'default',
busy: false,
busyText: '',
iconClass: '',
iconPosition: 'start',
outline: false,
disabled: false,
};
export const DefaultButton = Template.bind({});
DefaultButton.args = {
...defaultArgs
};
- should have only the variable
template
as multiline string using crasis (REQUIRED); - should have variables inside double quotes (REQUIRED)
Then the plugin will do all the work :)
0.0.19-canary.2f18f9c.0
2 years ago
0.0.19-canary.8a8b92e.0
2 years ago
0.0.19-canary.3d41998.0
2 years ago
0.0.19-canary.b5c3e82.0
2 years ago
0.0.19-canary.083b5b9.0
2 years ago
0.0.19-canary.85f70de.0
2 years ago
0.0.19-canary.3f66e16.0
2 years ago
0.0.19-canary.be7d62d.0
2 years ago
0.0.19-canary.e567980.0
2 years ago
0.0.19-canary.d9ac7fb.0
2 years ago
0.0.19-canary.8471a14.0
2 years ago
0.0.14
3 years ago
0.0.15
3 years ago
0.0.16
3 years ago
0.0.17
3 years ago
0.0.18
3 years ago
0.0.10
3 years ago
0.0.11
3 years ago
0.0.12
3 years ago
0.0.13
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago