1.0.21 • Published 2 years ago

@paprika/overlay v1.0.21

Weekly downloads
2,894
License
MIT
Repository
github
Last release
2 years ago

Paprika logo


Getting Started

Environment

  • Node v10.0.0+
  • Yarn v1.12.3+

Paprika has a peerDependency on styled-components and most packages also have a peerDependency on @paprika/l10n (for localization). You will need to include them as dependencies in your project.

$ yarn add styled-components
$ yarn add @paprika/l10n

More details about using the L10n component.

Installing a Component

For example, to install the <Button> component:

$ yarn add @paprika/button

Then, to use the component in your project:

import React from "react";
import Button from "@paprika/button";

export default () => <Button>Hello</Button>;

Contributing

Before contributing, please read our Code of Conduct Contributors are welcome to submit a bug report, make a feature request, or open a pull request. If you're just getting started, check out the Help Wanted or Good First Issues.

For more information please check out our Contributing Guidelines. You may want to start with the Getting Started Guide

Components

Paprika components are individually versioned and distributed packages in a Lerna monorepo. To browse a list of components, open the Storybook, view the source code, visit the NPM registry, or refer to the AirTable summary.

NPM Packages

Testing

There are a few layers to the testing pyramid in Paprika.

Accessibility

Paprika components are built with accessibility in mind from design through implementation. Compliance with WCAG 2.0 level AA by following WAI-ARIA Authoring Practices is a priority.

In practice this ensures the usability of Paprika components:

  • with keyboard, mouse or touch inputs
  • at various zoom levels up to 200% on a variety of screen sizes
  • with sufficent colour contrast for all essential elements
  • with meaningful and semantic markup
  • with support for assistive technology (screen readers like VoiceOver, NVDA, and Jaws)

For more information about how these goals are achieved, please read our guidelines for developers.

Support

Have a question for the development team? Ask us.

License

The MIT License (MIT)

1.0.20-next.0

2 years ago

1.0.21

2 years ago

1.0.20

2 years ago

1.0.21-next.0

2 years ago

1.0.19

3 years ago

1.0.18

3 years ago

1.0.19-next.0

3 years ago

1.0.17

3 years ago

1.0.18-next.0

3 years ago

1.0.17-next.0

3 years ago

1.0.16

3 years ago

1.0.15-next.1

3 years ago

1.0.16-next.0

3 years ago

1.0.15

3 years ago

1.0.15-next.0

3 years ago

1.0.14-next.0

3 years ago

1.0.14-next.1

3 years ago

1.0.14-next.2

3 years ago

1.0.14

3 years ago

1.0.13-next.0

4 years ago

1.0.13-next.1

4 years ago

1.0.13

4 years ago

1.0.12-next.1

4 years ago

1.0.12-next.0

4 years ago

1.0.12-next.2

4 years ago

1.0.12

4 years ago

1.0.11-next.0

4 years ago

1.0.10-next.0

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.9-next.0

4 years ago

1.0.8

4 years ago

1.0.8-next.0

4 years ago

1.0.7

4 years ago

1.0.7-next.0

4 years ago

1.0.6

4 years ago

1.0.6-alpha.2

4 years ago

1.0.6-alpha.1

4 years ago

1.0.6-alpha.0

4 years ago

1.0.5

4 years ago

1.0.5-alpha.0

4 years ago

1.0.4

4 years ago

1.0.3

5 years ago

1.0.3-alpha.0

5 years ago

1.0.2

5 years ago

1.0.2-alpha.0

5 years ago

1.0.1

5 years ago

1.0.1-alpha.0

5 years ago

1.0.0

5 years ago

0.3.10

5 years ago

0.3.10-alpha.1

5 years ago

0.3.10-alpha.0

5 years ago

0.3.9

5 years ago

0.3.8

5 years ago

0.3.7

5 years ago

0.3.6

5 years ago

0.3.5

5 years ago

0.3.4

5 years ago

0.3.3

5 years ago

0.3.2

5 years ago

0.3.1

5 years ago

0.3.0

5 years ago

0.2.5

5 years ago

0.2.4

5 years ago

0.2.3

5 years ago

0.2.2

5 years ago

0.2.1

5 years ago

0.2.0

6 years ago

0.1.0

6 years ago