Búsqueda de sitios web
reactjs - Storybook (con Vite/Typescript/MDX) no muestra ArgsTable
Estoy tratando de mostrar la tabla con propiedades en una página de documentación MDX, pero haga lo que haga, la tabla solo muestra: "No se encontraron entradas para este componente. Lea la documentación >"
Probé varias formas diferentes, pero no parece que cambie nada.
Jugueteé con diferentes versiones de react-docgen-typescript, react-docgen-typescript-vite, storybook-react-docgen-typescript-vite y react-docgen-typescript-plugin
Leer más →typescript - Vue storybook no renderiza el componente inicialmente
El libro de historias funciona bien, excepto que no "renderiza" el componente inicialmente.
- Puedes ver en la captura de pantalla que la plantilla del componente se usa de alguna manera, de lo contrario, el storybook no conocería la estructura básica del componente.
- También puedes ver que las acciones ya se llaman correctamente.
- El único problema real que puedo ver es que al principio Storybook intenta mutar cada prop que tiene el componente. No sé por qué.
- E Leer más →
reactjs - Controles de Storybook con Typescript keyof
Estoy construyendo algunos componentes para usar con Storybook y me estoy encontrando con un pequeño problema con los tipos inferidos de Typescript.
Por el bien de un código DRY, preferiría no tener que definir las opciones para un control dentro de la historia en sí, sin embargo, no parece estar infiriendo las opciones correctamente.
Tengo un componente Button que tiene una propiedad 'option'. Las opciones disponibles son cadenas basadas en los valores de un tema:
b Leer más →javascript - Ejecutando Storybook en un proyecto de biblioteca Angular
He creado un nuevo espacio de trabajo de Angular.
ng new workspace --create-application=false cd workspaceY luego generó una biblioteca dentro del espacio de trabajo.
ng g library libTambién generé un área de pruebas para probar la biblioteca.
Leer más →reactjs - El archivo manager.ts de Storybook provoca errores de compilación
No entiendo por qué sucede, pero si tengo un archivo simple manager.ts como
import { addons } from "@storybook/addons"; import { create } from "@storybook/theming"; import { palette } from "../theme/src"; // @ds/theme const theme = create({ base: "light", colorPrimary: palette.magenta01, colorSecondary: palette.magenta01, }); addons.setConfig({ theme, });y usar la ruta alias en lugar de la ruta relativa
Leer más →reactjs - ¿Cómo crear una separación de intereses entre las carpetas 'stories' y '.storybook'?
Contexto
Por defecto, Storybook.js se ha integrado con mi proyecto existente de Create-React-App creando dos nuevas carpetas:
- src/historias
No me g
Leer más →typescript - ¿Cómo adjuntar variables de color tanto a la paleta de Storybook como a los componentes?
Creo una biblioteca de componentes de UI y utilizo Storybook para proporcionar documentación y ejemplos de la misma.
Mi objetivo es declarar una paleta de colores en un archivo SCSS y usarla en los componentes así como en la paleta de Storybook.
La paleta de Storybook es un componente integrado de Storybook que permite hacer documentación para tu paleta de colores.
Así que espero que si se cambia un color del sistema de diseño, entonces pueda simplemente cambiar el valor de
Leer más →javascript - "¿No se pueden leer las propiedades de null (leyendo 'classList')" en Storybook 7 MDX?
Recientemente actualicé mi proyecto de storybook 6.5 a 7.
Todas las historias funcionan bien y el autodoc es perfecto. Ahora tuve la necesidad de escribir un documento personalizado para un componente Button, pero cuando uso la etiqueta Story con la propiedad 'of' recibo un error al abrir la página de documentación.
El archivo de documentación se muestra en el lugar correcto, luego en la página 'Doc' del componente Button.
Botón.historias.ts
import { Meta, Stor Leer más →typescript - ¿Cómo agregar alias de ruta a la configuración de webpack de Storybook?
Estoy usando Storybook con Next.js y Webpack. Aquí está mi .storybook/main.ts:
import type { StorybookConfig } from '@storybook/nextjs'; const config: StorybookConfig = { ... framework: { name: '@storybook/nextjs', options: {}, }, ... }; export default Leer más →vuejs3 - En Storybook 8.0.6, Vue 3.4, Typescript - ¿Cómo lleno un slot de un componente Vue con diferentes subcomponentes desde una historia?
Estoy usando Vue 3 y tengo un componente que necesita mostrar una variedad de subcomponentes diferentes, dependiendo del contexto. Usar un slot aquí es la respuesta correcta en Vue3 para lograr esto. Estoy usando Storybook 8 para demostrar cómo se vería esto a
Leer más →