Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tajo/ladle
🥄 Develop, test and document your React story components faster.
https://github.com/tajo/ladle
components documentation esbuild javascript playground react stories styleguide testing typescript ui vitejs
Last synced: about 1 month ago
JSON representation
🥄 Develop, test and document your React story components faster.
- Host: GitHub
- URL: https://github.com/tajo/ladle
- Owner: tajo
- License: mit
- Created: 2020-07-14T06:56:46.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-05-15T23:00:32.000Z (4 months ago)
- Last Synced: 2024-05-16T10:18:50.925Z (4 months ago)
- Topics: components, documentation, esbuild, javascript, playground, react, stories, styleguide, testing, typescript, ui, vitejs
- Language: TypeScript
- Homepage: https://www.ladle.dev
- Size: 24.6 MB
- Stars: 2,477
- Watchers: 6
- Forks: 84
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
- fucking-awesome-vite - Ladle - Tool for developing and testing component stories powered by Vite and React. (Projects Using Vite.js / Open Source)
- awesome-github-repos - tajo/ladle - 🥄 Develop, test and document your React story components faster. (TypeScript)
- awesome-vite - Ladle - Tool for developing and testing component stories powered by Vite and React. (Projects Using Vite.js / Open Source)
- jimsghstars - tajo/ladle - 🥄 Develop, test and document your React story components faster. (TypeScript)
README
Ladle is an environment to develop, test, and share your React components faster.
- [Documentation](https://www.ladle.dev)
- [Demo](https://baseweb.design/ladle)
- [Twitter](https://twitter.com/ladlejs)
- [StackBlitz](https://ladle.dev/new)
- [Discord](https://discord.gg/H6FSHjyW7e)
## Quick start
```bash
mkdir my-ladle
cd my-ladle
pnpm init
pnpm add @ladle/react react react-dom
mkdir src
echo "export const World = () =>
Hey
;" > src/hello.stories.tsx
pnpm ladle serve
```
with yarn
```bash
mkdir my-ladle
cd my-ladle
yarn init --yes
yarn add @ladle/react react react-dom
mkdir src
echo "export const World = () =>
Hey
;" > src/hello.stories.tsx
yarn ladle serve
```
with npm
```bash
mkdir my-ladle
cd my-ladle
npm init --yes
npm install @ladle/react react react-dom
mkdir src
echo "export const World = () =>
Hey
;" > src/hello.stories.tsx
npx ladle serve
```