Tag: ANGULAR-STORYBOOK
Estoy utilizando tailwindcss para estilizar mi aplicación. Usando el storybook-addon-themes, agrego las clases dark/light al elemento HTML del previsualizador en iframe para que mis componentes tengan estilos diferentes según el tema. Pero ¿cómo debería cambiar el fondo de la sección de previsualización en función del tema? Puedo cambiar manualmente el . . . Read more
Sigo aprendiendo Storybook. He configurado Storybook y Chakra-UI utilizando create-react-app siguiendo la documentación del decorador mencionada aquí. Aquí está el enlace para el repositorio. Por alguna razón, Storybook no carga los estilos de Chakra-UI. Aquí está el botón en la aplicación de React: Aquí está el botón en Storybook: Las . . . Read more
Estoy utilizando Storybook con un proyecto de React Native y este proyecto está dentro de un proyecto Lerna. Mientras ejecuto yarn && yarn start en una terminal y luego yarn run-android, obtengo este error: error: Error: No se puede resolver la ruta del módulo desde /home/front/node_modules/@storybook/store/dist/cjs/autoTitle.js: no se pudo encontrar . . . Read more
En este momento, en nuestro equipo estamos usando Storybook v6 y el paquete @storybook/addon-docs para generar la documentación de los componentes. Para mantener los archivos .stories.mdx pequeños, escribimos los componentes “showcase” de la historia por separado y luego los importamos en los archivos .stories.mdx. Por ejemplo: // showcase/HugeComponentShowcase.jsx import SomeComponent . . . Read more
Tengo un componente que se muestra así: <app-content-tabs> <app-tab tabTitle="Información de la solicitud">contenido de la pestaña 1</app-tab> <app-tab tabTitle="Detalles del asunto">contenido de la pestaña 2</app-tab> </app-content-tabs> También tengo un story para el componente: import {ContentTabsComponent} from "../../../../app/components/ui/content-tabs/content-tabs.component"; import {ContentTabsModule} from "../../../../app/components/ui/content-tabs/content-tabs.module"; import {Meta, Story} from "@storybook/angular/types-6-0"; import {moduleMetadata} from "@storybook/angular"; . . . Read more