storybookjs/storybook

Allow to disable HTML escape in text control

Open

#12,516 opened on 2020年9月18日

GitHub で見る
 (6 comments) (8 reactions) (0 assignees)TypeScript (89,909 stars) (10,058 forks)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

コントリビューターガイド