@preply/ds-web-lib

DS component library for web applications.

Using the Design System in your application or library?

Follow the instructions in @preply/ds-workspace.

tl;dr:

import { RootProvider } from `@preply/ds-web-root`;
import { Heading, Button } from `@preply/ds-web-lib`;

export const App: FC = () => (
  <RootProvider theme="tokyo-ui">
    <Heading level="h1">Hello!</Heading>
    <Button>Go!</Button>
  </RootProvider>
);

Contributing

Reach out to #design-system-public if you think you can help and keep an eye on DS Confluence for more docs, guides, work in progress, decisions, the works.

Development

You probably want to execute pnpm dev and/or pnpm run docs in the root, as per instructions in @preply/ds-workspace.

For quicker - and more focused - feedback, you can also directly use the scripts in this package directory, but make sure you have first executed pnpm build in root, or that you have the root pnpm dev script running in the background.

Tooling

Details about tools and configurations in @preply/ds-workspace.

Dev dependencies

We only list the dependencies used directly in stories, MDX docs and tests (@storybook/react, @testing-library/react, ...).

Do NOT add dependencies on linting, testing, building tools unless:

• you need to require some resource in a doc file or a test.
• you need to add a very specific plugin to this package only and you want to signal the dependency loudly.