storybookjs/storybook

Allow to disable HTML escape in text control

Aberta

#12.516 aberto em 18 de set. de 2020

 (6 comentários) (8 reações) (0 responsável)TypeScript (10.058 forks)batch import
addon: controlsfeature requesthelp wantedtriage:reviewed

Métricas do repositório

Stars
 (89.909 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

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

Guia do colaborador