0
209
ViewsCambiar la etiqueta de Storybook Control a un nombre diferente
Tengo un componente de botón personalizado y algunos controles básicos para el siguiente accesorio; tipo, tamaño y niños del botón (texto del botón).
Los controles funcionan según lo previsto. Sin embargo, me gusta cambiar el nombre del control de "niños" a "etiqueta" .
¿Cómo haría para lograr esto?
¡Gracias!
export default { title: 'Components/Button', component: Button, argTypes: { kind: { options: ['primary', 'secondary', 'tertiary', 'danger', 'ghost'], control: { type: 'select' } }, size: { options: ['default', 'sm', 'md', 'lg'], control: { type: 'select'}, }, }, }; const Template = (args) => <Button {...args} />; export const Buttons = Template.bind({}); Buttons.args = { kind: 'primary', children: 'Button', };
·
Juan Pablo Isaza
1 answers
Answer question0
Casi allí, dentro de argTypes , debe ingresar el campo interesado, children , y configurar el nombre personalizado que se mostrará en el panel de control de su historia.
export default { title: 'Components/Button', component: Button, argTypes: { // ...your previous code children: { name: "Label", // <--------- }, }, }; // ...your previous code Buttons.args = { children: 'Button', };Resultado en uno de mis proyectos
·
Juan Pablo Isaza
Report
Answer question