Popularity
0.8
Growing
Activity
9.2
Growing
11
2
4

Monthly Downloads: 0
Programming language: TypeScript
Tags: Miscellaneous     Dev Tools    
Latest version: v1.0.24

story-tab alternatives and similar libraries

Based on the "Miscellaneous" category

Do you think we are missing an alternative of story-tab or a related project?

Add another 'Miscellaneous' Library

README

React DocTab 📑

npm version build status oclif prettier

Generate React component as Live Demo & Code Example

[](demo.gif)

Maintaining example code and live demo separately makes it painful, it's easy to get them out of sync 🙅

Code can't lie, example code can 💥

DocTab keeps your example code up to date with live demo 💪

Install

Locally   npm install -D react-doc-tab react-doc-tab-template
Globally npm install -g react-doc-tab react-doc-tab-template

Demo

DocTab live demo

Usage

To use DocTab in your project:

  • default export component
  • name file as [filename].doctab.[ext]
  • run $ npx doctab generate

Import generated DocTab components. 🎉

Generated DocTab Files

  • By default generated files will be prefixed with _ for example:
    MyComponent.doctab.jsx & MyComponent.doctab.css -> _MyComponent.jsx
  • You can set custom prefix with --prefix flag:
    $ doctab generate --prefix=CustomPrefix

Built with DocTab

License

[MIT](LICENSE)


*Note that all licence references and agreements mentioned in the story-tab README section above are relevant to that project's source code only.