Popularity
1.7
Stable
Activity
0.0
Declining
54
5
6

Monthly Downloads: 0
Programming language: TypeScript
License: MIT License
Tags: Miscellaneous     Dev Tools    
Latest version: v1.2.50

story-tab alternatives and similar libraries

Based on the "Miscellaneous" category.
Alternatively, view story-tab alternatives based on common mentions on social networks and blogs.

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

Add another 'Miscellaneous' Library

README

React DemoTab CLI ๐Ÿ“‘

npm version build status oclif prettier

Easily create demos of React components

[](demo.gif)

Maintaining example code and demo separately makes it painful, it's easy to get them out of sync ๐Ÿ™…

Code can't lie, documentation can ๐Ÿ’ฅ

DemoTab CLI keeps your code up to date with demo ๐Ÿ’ช

Install

npm install -D react-demo-tab react-demo-tab-cli

Demo

DemoTab example

Usage (3 steps)

To use CLI in your project:

  1. default export react components that you wish to create demos of
  2. name component file as [filename].demotab.jsx
  3. run $ npx react-demo-tab-cli generate

Use created demos ๐ŸŽ‰

Generated Demos

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

Built with DemoTab

Manually create demos

If you wish to manually create demos instead via CLI, see React DemoTab.

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.