nes.css/story/inputs/checkboxes.template.js

NES.css is NES-style CSS Framework.

import { boolean } from '@storybook/addon-knobs';
import classNames from 'classnames';

export default () => {
  const isDark = boolean('is-dark', false);

  const checkBoxClasses = classNames(
    'nes-checkbox',
    {
      'is-dark': isDark,
    },
  );

  return `
    <div style="${isDark ? 'background-color: black;' : ''}">
      <label>
        <input type="checkbox" class="${checkBoxClasses}" checked />
        <span>Enable</span>
      </label>
    </div>
  `;
};