Hello, did somebody try to use styleguidist with react-jss, any examples how to connect it?

JuanCarlosJr97

@juancarlosjr97

Hi guys, some one could help with CSS?

Andy Cook

@andycook71_twitter

Hi, I am rendering my styleguide with one page per section (pagePerSection: true) but the default page of the styleguide shows all the components on one long page. Is there a way to have a custom page (eg index.md) as the default page?

Andy Cook

@andycook71_twitter

I was able to achieve the default page by introducing sections, and having the first section with just a markup file, no components

Maciej Stankiewicz

@tawez

Is there a way to change the env passed to webpack? Now it is set to "development". I'd like to have something like --env.styleguide

Hey! I'm using React-axe to validate accessibility of the components I create with Styleguidist. But Styleguidist has accessibility errors so it makes the validating a bit harder - I created a PR to fix those errors: styleguidist/react-styleguidist#1359

After if we get the PR through I could make a simple example and/or post how to use Styleguidist to develop accessibility validated components :)

My example React component is <SimpleButton />, which merely renders a <button>. My styleguidist markdown is basically the pizza example with no props. It's about as simple as a create-react-app can be. styleguidist in browser is giving me: SyntaxError: Unexpected token (1:6)1 : <React.Fragment><SimpleButton /></React.Fragment>;

I've checked the issues (open and closed) and it seems like there are similar but not the same problems. Have tried blowing away node_modules, updating all my packages, etc. Am unclear as to how to proceed on debugging "why is React.Fragment a problem here?"

Jason Dunn

@stillstate_twitter

Well, starting with a completely new project, RSG works as advertised. So this is something I'm doing wrong. Sorry for the noise here.

_

Peter Lyons

@focusaurus

Anyone know what's up with this error message? serverPort config option should be number, received number.

@focusaurus I'm fine with the default value of 6060 for serverPort and don't have it in my styleguide.config.js

@focusaurus Ah I have a theory now...

Vicenzo Naves

@vinchbr

Hello

Trying to implement this wonderful tool at my job

but for the life of me I can't make the props appear on the page

dysticus

@dysticus

@vinchbr Please provide at least a repo, there could be numerous of reasons

Hi everybody. I'm having issues when trying to run styleguidist on my React project (created with create-react-app)After running npx styleguidist server, when I go to http://localhost:6060/ nothing appears on the page, and I have an error in the console :

Uncaught Error: react-modal: No elements were found for selector #root. at assertNodeList (ariaAppHider.js:30) at Object.setElement (ariaAppHider.js:39) at Function.setAppElement (Modal.js:247) at Module../src/components/address/UserDetail.jsx (UserDetail.jsx:19) at webpack_require (bootstrap:786) at fn (bootstrap:149) at Object../node_modules/react-styleguidist/lib/loaders/styleguide-loader.js!./node_modules/react-styleguidist/lib/client/index.js (index.js?3b40:52) at webpack_require (bootstrap:786) at fn (bootstrap:149) at render (index.js:37)

I have forgotten some setup ?Thanks a lot

dysticus

@dysticus

@espern looks to me like a error in one of your components instead of RSG

ShaggyKris

@ShaggyKris

Hi there, would anyone be able to help me get Styleguidist working with Meteor?

Using a combo of Meteor+React

Ali Ahsan

@aliahsan07

does anyone understand how styleguidist reports error ? does it do through stderr ?

Warning: Cannot parse src\components\Article.js: Error: Plugin/Preset files are not allowed to export objects, only functions. In C:\github\react-article-module\node_modules\babel-preset-stage-1\lib\index.js
It usually means that react-docgen does not understand your source code, trytofile an issue here:
https://github.com/reactjs/react-docgen/issues

Second question, how could I use propsParser option to ignore all classes props without having to manually specify @ignore? Those props come from my own withStyles implementation and shouldn't appear in the documentation

Ghost

@ghost~5d4c8393d73408ce4fc809b4

How do I override the style guide name without having to change the name in package.json. I tried displayName property but it does not work.

Tim K.

@TimboKZ

Hello, is there anyone here familiar with the Styleguidist code base?

I have a question regarding the examples loader and code playground, want to make a PR to support markdown hot loading

FateRiddle

@FateRiddle

Hi, guys, I find styleguidist cool on first sight, but my use case will be a doc site that imbed what styleguidist provides, but it seems styleguidist can only be used as a saparated server?