Questions tagged [angular-storybook]
The angular-storybook tag has no usage guidance.
angular-storybook
146
questions
0
votes
0
answers
14
views
How to import storybook stories into cypress for component test with angular
I am trying to use storybook with cypress on an angular app for component testing .My need is to create stories for angular components and use them in cypress .In React we can use ComposeStories ...
1
vote
1
answer
39
views
How to run both storybook and cypress in headless mode
I am trying to use storybook and cypress for component testing with Angular framework .I am able to run test cases when storybook server and cypress are running separately but finding difficult to run ...
0
votes
0
answers
15
views
Expose Angular Kendo UI properties automatically in Storybook
I want to do something similar to what has been achieved in this article (https://www.telerik.com/blogs/how-i-built-this-kendoreact-storybook), except using Kendo Angular.
In the article the author ...
0
votes
0
answers
21
views
Is the the expermental zoneless feature of Angular supported in storybook?
I am building a new app in Angular 18 using provideExperimentalZonelessChangeDetection.
is this supported in Storybook 8.1? I keep getting a compile error when I start the server because it si ...
2
votes
0
answers
94
views
Showcasing PrimeNG Components in Storybook: Anyone Done It? (Style Guide Inspiration)
I'm building a style guide/design system for my Angular project using PrimeNG components. I'd like to leverage Storybook to isolate, document, and showcase these components effectively.
For ...
1
vote
1
answer
25
views
ngClass doesn't work even with static classes
I am working on a library with Angular incorporating StoryBook, I tried to add a class associated with the story "Primary" but it didn't work, so I tried to add it statically and it doesn't ...
1
vote
1
answer
91
views
How to display code usaged in storybook UI?
I have an Angular storybook file for the FooComponent.
In the storybook UI, I can't seem to find the code snippet for <foo />. How can I resolve this?
Is there a configuration to display the ...
0
votes
0
answers
30
views
Can Angular Storybook Providers Dynamically Set Default Language Based on Query String?
I'm utilizing the Storybook-i18n library for internationalization support within Storybook.
Upon changing the language, it also reflects in the URL, like so: locale:en
http://localhost:4400/?path=/...
0
votes
0
answers
112
views
How to use standalone angular storybook component in another standalone angular storybook component
Created Icon storybook component and converted this to standalone component.Want to use this IconComponent in Alert Storybook Component.
below is icon.stories.ts file
import { Meta, StoryFn, ...
0
votes
1
answer
77
views
angular ag-grid doesn't work with storybook
I want to create a storybook for my ag-grid component. I have tried the usual way that I follow for other angular components. But this doesn't seem to work.
const meta: Meta<AgGridAngular> ={
...
0
votes
1
answer
77
views
Use scss + tailwind in Angular Storybook
The project is an Angular 15 library which is shown in Storybook 7.6.
I can't find documentation on how it works, and I especially can't get the @config "tailwind.config.js"; inclusion to ...
0
votes
1
answer
332
views
Angular Storybook - How to use a service with dependencies in a story without creating a separate component?
I'm working on a Storybook project where I have a component (ToastersComponent) used only for Storybook purposes, and I want to use an Angular service (ToasterService) within it. The service has ...
0
votes
0
answers
122
views
Angular components in different directory
I am working on storybook and need to include multiple components for document generation using compodoc but I have found that when writing stories, the component must be in the same directory as the ...
1
vote
1
answer
140
views
Encapsulated styles for a story in Angular Storybook
Question
How can I have specific scss files loaded for individual stories?
Details
I am using Storybook 7 with Angular 17 to document a component library. There's 1 global stylesheet with a couple ...
0
votes
1
answer
145
views
In Angular Storybook, how to show only @Input() in the controls section?
Currently in Angular Storybook, it shows every public thing in my component as a control like this :
I want it to show only the "Input" category and ignore everything else. Is there a way ...