question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

addon-info - setDefaults styles not working

See original GitHub issue

Not sure if this is a bug or if I am just doing something wrong.

I’ve read the docs and viewed the available styles to be overridden in addon-info/src/components/Story.js but I’ve had no luck seeing any styles change.

The info is displaying inline so I know that the setDefaults object is working. It is located in my .storybook/config.js file and looks like this:

// addon-info:
// https://github.com/storybooks/storybook/tree/master/addons/info
setDefaults({
  inline: true, // Displays info inline vs click button to view
  styles: {
    header: {
      body: {
        marginBottom: '10px',
      },
    },
    infoBody: {
      marginTop: '0px',
    },
  },
});

Version:

@storybook/addon-info: "3.2.16",
@storybook/react: "3.2.16",

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
zyqxdcommented, Dec 7, 2017

There seems to be an issue with withInfo.
The older addWithInfo API still works (as of 3.2.17) with setDefaults

0reactions
stale[bot]commented, Mar 1, 2018

Hi everyone! Seems like there hasn’t been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don’t have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 60 days. Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

storybook/addon-info - npm
Start using @storybook/addon-info in your project by running `npm i @storybook/addon-info` ... The default stylesheet is passed as argument:.
Read more >
Storybook can't resolve '@storybook/components'
Having an issue with my Storybook config. Packages installed: "@storybook/addon-actions": "^5.0.6", "@storybook/addon-console": "^1.0.0", ...
Read more >
react-storybook-addon-chapters | Yarn - Package Manager
With the 'useTheme' set to false you should have no problem styling your chapters. Then create your stories with the .addWithChapters API.
Read more >
@storybook/addon-info - npm Package Health Analysis | Snyk
Learn more about @storybook/addon-info: package health score, popularity, security, ... A total of 14 vulnerabilities or license issues were detected.
Read more >
Advance PHP CRUD application & Form Generator using PDO
$pdocrud->setSettings("inlineEditbtn", true);. *Please note that inline edit button will not work with the join operations.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found