- English / 日本語 / Português
+ English / 日本語 / 简体中文 / Português
`;
+ return `
`;
});
diff --git a/docs/badge.stories.js b/docs/badge.stories.js
new file mode 100644
index 00000000..fa4d591c
--- /dev/null
+++ b/docs/badge.stories.js
@@ -0,0 +1,43 @@
+import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
+import { // eslint-disable-line import/no-extraneous-dependencies
+ withKnobs, radios, number,
+} from '@storybook/addon-knobs';
+
+const stories = storiesOf('Badges', module);
+stories.addDecorator(withKnobs);
+
+stories.add('badges', () => {
+ const optionsLeft = radios('left/only', {
+ 'is-dark': 'is-dark',
+ 'is-success': 'is-success',
+ 'is-primary': 'is-primary',
+ 'is-warning': 'is-warning',
+ 'is-error': 'is-error',
+ }, 'is-dark');
+
+ const optionsRight = radios('right', {
+ 'is-dark': 'is-dark',
+ 'is-success': 'is-success',
+ 'is-primary': 'is-primary',
+ 'is-warning': 'is-warning',
+ 'is-error': 'is-error',
+ }, 'is-success');
+
+ const isSplitedIsIconOrDefault = radios('default/splited/icon', {
+ default: '',
+ 'is-splited': 'is-splited',
+ 'is-icon': 'is-icon',
+ }, 'is-splited');
+
+ const fontSize = number('font-size', 1, {
+ range: true,
+ min: 0,
+ max: 100,
+ step: 0.01,
+ });
+
+ return `
+
+
+ `;
+});
diff --git a/docs/dialogs.stories.js b/docs/dialogs.stories.js
index bff79610..2d9e914b 100644
--- a/docs/dialogs.stories.js
+++ b/docs/dialogs.stories.js
@@ -8,8 +8,11 @@ stories.addDecorator(withKnobs);
stories.add('dialog', () => {
const open = boolean('open', true) ? 'open' : '';
+ const isRounded = boolean('is-rounded', false) ? 'is-rounded' : '';
+ const isDark = boolean('is-dark', false) ? 'is-dark' : '';
+ const selectedClasses = [isRounded, isDark];
- return `