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
2
votes
1 answer

Create own web documentation from React Native app

Is there a way to create a documentation (like reactnative.dev / react-styleguidist) for a React Native app?
mtoninelli
  • 686
  • 1
  • 6
  • 21
2
votes
1 answer

React Native Flex Styling Issue

Having trouble getting the text and image to line up side by side in this setup: https://snack.expo.io/XZef1XEje Does adding width to topHomeTextContainer actually help line up the elements? I tried adding an extra , but that didn't do…
Etep
  • 2,721
  • 4
  • 17
  • 28
2
votes
4 answers

how to pass svg as a prop to a pressable component

I'm using lot of svg images with the help of these two libraries "react-native-svg": "^12.1.0", "react-native-svg-transformer": "^0.14.3", Then I can able to import and use svg images like below. import Logo from…
user14016776
2
votes
0 answers

React styleguidedist, npx styleguidist build doesn't find font files import in css

I've an issue when i build styleguide "npx styleguidist build", i haven't this when i run "npx styleguidist server". In css file generated by styleguidist build, the link to fonts doesn't match with what is in build folder…
Emeric
  • 21
  • 2
2
votes
1 answer

Using Styleguidist in conjunction with Ant UI in React

I am creating a style guide that uses Ant UI as a baseline. The issue I'm running into is getting the theme configuration started when I run yarn run styleguide. Here is some documentation --…
userlkjsflkdsvm
  • 961
  • 1
  • 21
  • 53
2
votes
0 answers

Can I configure Styleguidist to run a script before every build / doc refresh?

I'm using Styleguidist to magically document my React Components and it's great. I have a couple of non-component utility libraries that I doc using JSDoc, and at present I compile their docs to markdown (using jsdoc2md) and tell Styleguidist to…
Daniel Baird
  • 2,239
  • 1
  • 18
  • 24
2
votes
1 answer

React Styleguidist and SASS

So my set up is pretty simple styleguide.config.js module.exports = { components: 'src/components/**/*.js', require: [ path.join(__dirname, 'node_modules/bootstrap/scss/bootstrap.scss') ] }; Whenever I run npm run styleguide I…
luiquao
  • 1,094
  • 4
  • 21
  • 46
1
vote
1 answer

inline conditional style in react js

I am new in reactjs and I want to write inline if that work when I have 1 column make it center const [boxViewWidth, setBoxViewWidth] = useState(0)
1
vote
0 answers

Document with react-styleguidist components that uses REDUX state instead of Props

I work in a React project where UI is documented using react-styleguidist . The project contains a few global components such as Dialogs or Panels that can be opened from many different places, so that these components are connected to Redux and I…
Javier
  • 428
  • 5
  • 12
1
vote
0 answers

Role Based Access Control on our react based Front End Library?

Currently, Role Based Access Control is on our APIs using pycasbin, and on one of our UI’s using CASL and CASL React. It works very smoothly for an individual UI repo. Our overall goal is to have Role Based Access Control (RBAC) on all of our UI…
JamesSwoosh
  • 11
  • 1
1
vote
1 answer

How to include Material Icons in react-styleguidist

I'm trying to use Google Material Icons in my react-styleguidist documentation. In my styleguide.config.js file, I've tried module.exports = { template: './template.html' } and then added
jaimish11
  • 536
  • 4
  • 15
1
vote
0 answers

React Styleguidist wrapper - Module parse failed: unexpected token

I am trying to add a wrapper to Styleguidist to wrap my components in a Material UI ThemeProvider, but Styleguidist's parsing of the wrapper file is failing. I used create-react-app for this project. styleguide.config.js: const path =…
mrwnt10
  • 1,234
  • 1
  • 17
  • 28
1
vote
0 answers

How can I access react context in react-styleguidist's Wrapper component?

What I want: I'm trying to add a dynamic theme option to a react-styleguidist project I'm working on. Following the idea laid out in this unfinished and closed pr, I added a custom ThemeSwitcher component, which is a select menu that is rendered in…
AnnieP
  • 350
  • 1
  • 6
  • 13
1
vote
0 answers

React Styleguidist - Web Component doesn't load on index.html

I have a style guide for a react web component library When loading the base URL, the sections load as expected and everything works. When I load the base URL/index.html (e.g. by switching back to "Components" after loading "Layers" in the top…
danji_ma90
  • 89
  • 8
1
vote
0 answers

Can react-styleguidist support export markdown

I wanted to export the markdown document using retreat-styleguidist, but I tried to look at the official document but didn't see how to do it
kwzm
  • 11
  • 1
1
2
3 4 5 6