Tag: ANGULAR-STORYBOOK
¿Cómo puedo agregar un estado de hover a mi función de botón en Storybook? Puedo agregar el botón a mis documentos de Storybook de la siguiente manera: import ButtonClose from ‘./ButtonClose’; const StoryMeta = { title: `Components/Button/ButtonClose`, component: ButtonClose, }; export default StoryMeta; const Template = (args) => <buttonclose {…args}=””></buttonclose>; . . . Read more
Tengo el siguiente componente, import React from ‘react’; import PropTypes from ‘prop-types’; import * as HIcons from ‘@heroicons/react/outline’; export default function Button({ type, variant, icon, label }) { const { …icons } = HIcons; const TheIcon = icons[icon]; return ( <div> <button type=”{type}” classname=”{[‘btn’,” `btn–${variant}`].join(‘=”” ‘)}=””> <theicon classname=”w-4 h-4 mr-2″></theicon> . . . Read more
Soy nuevo en Storybook y los documentos son bastante claros sobre la forma idiomática de escribir historias en Angular. Aquí hay un ejemplo para mi aplicación: import { Meta, Story } from ‘@storybook/angular’; import { CustomerListComponent } from “@app/modules/customer/customer-search/components/customer-list/customer-list.component”; export default { title: ‘Customer List’, component: CustomerListComponent, } as Meta; . . . Read more
¿Existe alguna forma de ejecutar pasos de configuración y limpieza para una historia en Storybook? Por ejemplo, supongamos que tengo un componente que se comporta de manera diferente en función de la presencia o el valor de alguna información en el almacenamiento local, o una propiedad establecida en window. Me . . . Read more
Hoy creé un nuevo proyecto CRA (funcionando perfectamente), pero cuando agrego Storybook con npx sb init obtengo este error: info @storybook/react v6.4.9 info => Cargando presets info => Sirviendo archivos estáticos desde ./public en / info => Cargando la configuración de Webpack desde `node_modules/react-scripts` info => Eliminando las reglas existentes . . . Read more