diff --git a/.gitignore b/.gitignore index 2807a291..de242b84 100644 --- a/.gitignore +++ b/.gitignore @@ -13,5 +13,6 @@ build coverage docs/public/playroom +docs/public/ladle node_modules out diff --git a/ladle/.ladle/config.mjs b/ladle/.ladle/config.mjs new file mode 100644 index 00000000..6532b85b --- /dev/null +++ b/ladle/.ladle/config.mjs @@ -0,0 +1,13 @@ +/** @type {import('@ladle/react/lib/shared/types').Config} */ +const config = { + stories: '../packages/**/*.stories.{js,jsx,ts,tsx}', + base: '/ladle/', + outDir: '../docs/public/ladle', + addons: { + a11y: { + enabled: true, + }, + }, +}; + +export default config; diff --git a/ladle/package.json b/ladle/package.json new file mode 100644 index 00000000..fb880cc9 --- /dev/null +++ b/ladle/package.json @@ -0,0 +1,20 @@ +{ + "name": "ladle", + "version": "0.0.0", + "private": true, + "license": "MIT", + "scripts": { + "dev": "ladle serve --port 4123", + "build": "ladle build", + "preview": "ladle preview" + }, + "dependencies": { + "@ladle/react": "^2.1.2", + "react": "^18.2.0", + "react-dom": "^18.2.0" + }, + "devDependencies": { + "@types/react": "^18.0.17", + "@types/react-dom": "^18.0.6" + } +} diff --git a/package.json b/package.json index dbeecbe5..a53acc5e 100644 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ }, "dependencies": { "@changesets/cli": "^2.24.2", + "@ladle/react": "^2.1.2", "@testing-library/dom": "^8.17.1", "@testing-library/react": "^13.3.0", "@testing-library/user-event": "^14.4.3", diff --git a/packages/button/stories/button.stories.tsx b/packages/button/stories/button.stories.tsx new file mode 100644 index 00000000..c0194a88 --- /dev/null +++ b/packages/button/stories/button.stories.tsx @@ -0,0 +1,13 @@ +import type { Story } from '@ladle/react'; + +import type { ButtonProps } from '../src'; +import { Button } from '../src'; + +export const Controls: Story = (props) => { + return