storybookjs/storybook

Allow to disable HTML escape in text control

Open

#12,516 创建于 2020年9月18日

在 GitHub 查看
 (6 评论) (8 反应) (0 负责人)TypeScript (89,909 star) (10,058 fork)batch import
addon: controlsfeature requesthelp wantedtriage:reviewed

描述

Is your feature request related to a problem? Please describe. After updating to v6, I want to have a control with text input that allows to insert HTML. It is usefull for components with slots to see how the component behave.

Describe the solution you'd like Have an escapeHTML: false property in argTypes for text inputs, just like there is in knobs.

Describe alternatives you've considered I have a function that insert text input in a dynamicaly created div.

const stringAsHtml: (str: string) => HTMLDivElement = (str: string) => {
  const dom: HTMLDivElement = document.createElement('div');
  dom.innerHTML = str;
  return dom;
};

Are you able to assist bring the feature to reality? no

Additional context We talked about this in Discord channel addon-controls

贡献者指南