Ladle currently does not support third-party addons, but it might in the future. For now, it comes with a set of default addons you can find in the bottom left corner (button icons):
- Accessibility (Axe)
- Controls (only if
- Dark theme
- Preview mode
- Story source code
There are also other features you might not even notice at first:
- Addons and all their state is persisted through the URL. That's useful for sharing or testing a specific story state. The browser navigation works as expected.
- Ladle is accessible. If you want to build an accessible component, the wrapping environment should be accessible and keyboard friendly too. That's why your story comes first and the side navigation / addons second.
- Ladle is responsive. There is no addon for different viewports. Just use your browser's dev tools.
- Ladle is a single application with no iframes but is careful to not affect your stories in unintended ways. This makes the build faster and smaller and debugging through Elements more straightforward.
- Ladle code-splits stories by default.
- React Fast Refresh is enabled by default.
Ladle currently supports or partially supports most major features of the Component Story Format. We are long-time users of Storybook, and it is our priority to make the transition between the two tools as seamless as possible (aka no changes in the user code). However, the goal is not to implement every single feature or addon that Storybook provides, only those that are used the most.
Some features that are currently missing but are on our roadmap:
- Docs addon and support for mdx