239f6b0f81
Bumps [@testing-library/user-event](https://github.com/testing-library/user-event) from 14.1.1 to 14.2.0. - [Release notes](https://github.com/testing-library/user-event/releases) - [Changelog](https://github.com/testing-library/user-event/blob/main/CHANGELOG.md) - [Commits](https://github.com/testing-library/user-event/compare/v14.1.1...v14.2) --- updated-dependencies: - dependency-name: "@testing-library/user-event" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> |
||
|---|---|---|
| .. | ||
| .storybook | ||
| public | ||
| src | ||
| .gitignore | ||
| .npmignore | ||
| .prettierignore | ||
| .prettierrc.json | ||
| netlify.toml | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
| webpack.config.js | ||
Squiggle components
This package contains the react components for squiggle. These can be used either as a library or hosted as a storybook.
The @quri/squiggle-components package offers several components and utilities for people who want to embed Squiggle components into websites.
Usage in a react project
For example, in a fresh create-react-app project
yarn add @quri/squiggle-components
Add to App.js:
import { SquiggleEditor } from "@quri/squiggle-components";
<SquiggleEditor
initialSquiggleString="x = beta($alpha, 10); x + $shift"
jsImports={{ alpha: 3, shift: 20 }}
/>;
Build storybook for development
We assume that you had run yarn at monorepo level, installing dependencies.
You need to prepare by building and bundling squiggle-lang
cd ../squiggle-lang
yarn build
If you've otherwise done this recently you can skip those.
Run a development server
yarn start