Feedback for /writing-stories/args docs page #22640
Replies: 44 comments 7 replies
-
|
/docs/vue/writing-stories/args
No example for using "useArgs" to update the story args |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for your feedback. We're tracking this work here: #22602 |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.0/react/writing-stories/args
To me the combination of explanation, examples and videos are good to understand and learn. Thanks to that! I still am having a gap to get from args to controls in the stb ui... could maybe be explained here in the beginning, but I will get it when I go on learning. Thanks a lot! :-) |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.0/react/writing-stories/args
can't set default args |
Beta Was this translation helpful? Give feedback.
-
|
Can you elaborate a bit more on this? It is my understanding of how Storybook's args work if you're setting the default args within the default export and then you specify them with a story, the story args take precedence and override the default ones with the exception for the args that are not present in the story, which will then filled from the default ones. For example, the following story definition: // CommentList.stories.js
import CommentList from "./CommentList";
export default {
component: CommentList,
title: "CommentList",
args: {
totalCount: 111,
comments: [
{
text: "This is a comment on a story from a long time ago in a galaxy far, far away from Alice",
author: {
name: "Alice",
avatar: "leah.jpeg",
},
},
],
},
};
export const Paginated = {
args: {
comments: [
{
text: "Lorem ipsum dolor sit amet, consectetur adipisicing elit.",
author: {
name: "Luke",
avatar: "luke.jpeg",
},
},
{
text: "Ut enim ad minim veniam, quis nostrud exercitation ullamco.",
author: {
name: "Leah",
avatar: "leah.jpeg",
},
},
{
text: "Duis aute irure dolor in reprehenderit in voluptate.",
author: {
name: "Han",
avatar: "han.jpeg",
},
},
{
text: "Ut enim ad minim veniam, quis nostrud exercitation ullamco.",
author: {
name: "Poe",
avatar: "poe.jpeg",
},
},
{
text: "Duis aute irure dolor in reprehenderit in voluptate.",
author: {
name: "Finn",
avatar: "finn.jpeg",
},
},
],
totalCount: 10,
},
};
export const HasData = {
args: {
comments: [...Paginated.args.comments.slice(0, 3)],
//totalCount: 3,
},
};Yields the following outcome: As seen, the export const HasData = {
args: {
// comments: [...Paginated.args.comments.slice(0, 3)],
//totalCount: 3,
},
};Yields: |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.0/react/writing-stories/args
Where can I set the description of an argument |
Beta Was this translation helpful? Give feedback.
-
|
Can you elaborate a bit more on what you mean by description? When you say a description are you referring to the following description as shown here on the auto-generated documentation page? If that's the case, can you check the following documentation to learn more about how you can set and override the description |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.0/react/writing-stories/args
How can I add custom args? When I tried to add an arg, TS give me an error - Type '{ SBshowIcon: false; children: string; }' is not assignable to type 'Partial'. |
Beta Was this translation helpful? Give feedback.
-
|
Hi there! We have a whole blog post on that: https://storybook.js.org/blog/writing-stories-in-typescript/ You're right to imply that it should be in the docs, too. Thanks! |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.0/react/writing-stories/args
👊😎 |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.0/vue/writing-stories/args
|
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.0/react/writing-stories/args
'Mapping to complex arg values' is too complicated. |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.1/react/writing-stories/args
useArgs documentation to update controlled input |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.1/react/writing-stories/args
|
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.1/react/writing-stories/args
Examples are confusing and incomplete |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.1/react/writing-stories/args
|
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.1/react/writing-stories/args
Global args documentation is missing :( |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.1/react/writing-stories/args
Where it says: there seems to be a code block missing |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for reaching out to us and letting us know of that small but rather important issue with the documentation. We appreciate it. I've already pushed a pull request addressing this. And hopefully, it will be merged soon, and the examples made available. |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.2/react/writing-stories/args
Mapping to complex arg values: |
Beta Was this translation helpful? Give feedback.
-
|
/docs/6.5/writing-stories/args
|
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.6/writing-stories/args
|
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.6/writing-stories/args
|
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.6/writing-stories/args
I`m not resolve my problem to pass children in component select only html elements |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.6/writing-stories/args
|
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.6/writing-stories/args
mdeomdemdoemdoemd |
Beta Was this translation helpful? Give feedback.
-
|
/docs/7.6/writing-stories/args
i am using useArgs and always get errors |
Beta Was this translation helpful? Give feedback.
-
|
/docs/8.0/writing-stories/args
this was a good page |
Beta Was this translation helpful? Give feedback.
-
|
/docs/8.0/writing-stories/args
All these docs are expressed terribly by either an ESL or an LLM. |
Beta Was this translation helpful? Give feedback.
-
|
/docs/8.0/writing-stories/args
updateArgs in case of checkbox dint work |
Beta Was this translation helpful? Give feedback.
-
|
/docs/8.0/writing-stories/args
|
Beta Was this translation helpful? Give feedback.
-
|
/docs/8.1/writing-stories/args
WHY CAN I NO LONGER USE USESTATE WITHOUT CREATING A WRAPPER COMPONENT BEFORE RENDER WTF IS THIS |
Beta Was this translation helpful? Give feedback.
-
|
/docs/8.1/writing-stories/args
what can be modified by args isn't clear: is it possible to have a Story with pre-populated public variables that are not Inputs, or do I have to convert it to an Input specifically for Storybook ? |
Beta Was this translation helpful? Give feedback.
-
|
/docs/8.1/writing-stories/args
Not having the code of the component, only the story |
Beta Was this translation helpful? Give feedback.
-
|
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Beta Was this translation helpful? Give feedback.
All reactions