New features
Per examples state
Each example has its own state that you can access at the state
variable and change with the setState
function. Default state is {}
.
<div>
<button onClick={() => setState({isOpen: true})}>Open</button>
<Modal isOpen={state.isOpen}>
<h1>Hallo!</h1>
<button onClick={() => setState({isOpen: false})}>Close</button>
</Modal>
</div>
Related issue: #45.
Ability to style a style guide
Now you can change almost any piece of a style guide. For example you can change a font and a background color:
.ReactStyleguidist-common__font {
font-family: "Comic Sans MS", "Comic Sans", cursive;
}
.ReactStyleguidist-colors__base-bg {
background: hotpink;
}
More in the docs.
Related issue: #32
Other new features
- Table of contents (#28).
- Ability to use Markdown in components and props descriptions (#32).
PropTypes.shape
support (#20).- Ability to change path line via
getComponentPathLine
option (#41).
Bug fixes
- Improved styles isolation: Styleguidist styles should not interfer with your components styles.
- Removed sanitize.css that causes a lot of problems with component styles.
- Fixed issue when using components with the same names as component in Styleguidist.
Other changes
- Use markdown-it and Markdown React instead of Marked.
- A lot of documentation improvements and new examples in the demo style guide.