Stack Overflow
Stack Overflow

Questions tagged [react-styleguidist]

React Styleguidist is a component development environment with hot reloaded dev server and a living style guide that you can share with your team. It lists component `propTypes` and shows live, editable usage examples based on Markdown files.

React Styleguidist is a component development environment with hot reloaded dev server and a living style guide that you can share with your team. It lists component propTypes and shows live, editable usage examples based on Markdown files.

85 questions
0
votes
2 answers

How to change the document content's width?

The default max-width of 'main' element is 1000px, I want to make it wider. I tried the customize style instruction but cannot locate the 'main' element or the 'rsg--content-xx' class by below config in 'styleguide.config.js' styles: { StyleGuide:…
Crusoe.Xia
  • 27
  • 3
0
votes
1 answer

Include markdown file in style guide without associated component file?

Is there a way to include markdown files in styleguidist that don't have an associated React component file? Right now I'm using dummy components to accomplish this but I'm wondering if there is a better way? I'm also hiding the dummy component's…
Derek Smith
  • 853
  • 1
  • 7
  • 14
0
votes
1 answer

How to override the z-index of sidebar of React Styleguidist

I have a component which has a z-index set to a larger value. Even if it's set to 1 when I scroll left to right the component loads over the react-styleguidist sidebar. I couldn't find any documentation regarding overriding the z-index via the…
acesmndr
  • 8,137
  • 3
  • 23
  • 28
0
votes
1 answer

Styleguidist - Build with dev webpack config

styleguidist server works perfectly (thanks very much) I would now like to build the static html files for sticking in github pages but.. styleguidist build throws TypeError: Cannot read property 'tapAsync' of undefined which seems to originate from…
Jon Wyatt
  • 1,786
  • 1
  • 11
  • 16
0
votes
1 answer

How to have plain docs mixed in with React Styleguidist

I'd like to document other functions and parts of my code base with markdown and have them parsed and displayed in a different section of my documentation. How can I do this? /** * Merge route into the global application state */ export const…
acharlop
  • 309
  • 4
  • 12
0
votes
1 answer

React Styleguidist failing when Component has Children

We're using React Styleguidist to produce documentation out of the definitions of a project's components. We plan on serving such documentation via Github pages. A snippet of our code: Button.tsx export default class Button extends…
jj-lucas
  • 143
  • 1
  • 1
  • 12
0
votes
1 answer

Cannot run styleguidist along side with laravel development server

I am trying to document my React Components and I am running styleguidist server along side with Laravel development server but the styleguidist server crashes with this error. You have another server running at port 6060 somewhere, shut it down…
besrabasant
  • 2,422
  • 6
  • 27
  • 41
0
votes
1 answer

Issue with react-styleguidist -resolving node dependencies

I'm using React Styleguidedist to generate documentation for my react components. While building we are getting the following error (yarn). error "react-styleguidist#react-docgen-displayname-handler#react-docgen@2.x" doesn't satisfy found match…
kallada
  • 1,829
  • 4
  • 33
  • 64
-1
votes
1 answer

Trying to change React Style attribute by changing state hook

Transform is not updating the style component below. I have console logged the state to ensure that it is changing and it was, just not the style component (it kept the color red). import React, {useState} from 'react'; const Carousel = () => { …
Mar
  • 3
  • 2
-2
votes
1 answer

How to style li in react as a radio button?

I have tried multiple times but could'nt success. How to style li in css as a radio button, below is snapshot of button design.
Lazy Gyan
  • 27
  • 4
1 2 3 4 5
6