# sudo-pseudo

> A storybook addon to test pseudo styles for your stories.

Latest version **0.1.0** (published 2021-10-13) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install sudo-pseudo
pnpm add sudo-pseudo
yarn add sudo-pseudo
bun add sudo-pseudo
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2021-10-13 |
| First published | 2021-10-13 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 44.3 KB |
| Known vulnerabilities | 0 (+3 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | jagarnica |
| Maintainers | launchdarkly |
| Keywords | css, pseudo states, storybook-addons, style, test, chromatic |

## Links

- npm: https://www.npmjs.com/package/sudo-pseudo
- Repository: https://github.com/launchdarkly-labs/SudoPseudo
- Homepage: https://github.com/launchdarkly-labs/SudoPseudo#readme
- Issues: https://github.com/launchdarkly-labs/SudoPseudo/issues
- npm.io page: https://npm.io/package/sudo-pseudo

## Dependencies (1)

- [lodash](https://npm.io/package/lodash.md) 4.17.21

## Alternatives

- [duck](https://npm.io/package/duck.md) — 4.2M weekly downloads
- [ava](https://npm.io/package/ava.md) — 560.2K weekly downloads
- [storybook-addon-module-mock](https://npm.io/package/storybook-addon-module-mock.md) — 71.7K weekly downloads
- [vest](https://npm.io/package/vest.md) — 50.1K weekly downloads
- [@ethereum-waffle/mock-contract](https://npm.io/package/@ethereum-waffle/mock-contract.md) — 40.0K weekly downloads

## Recent versions

- 0.1.0 (latest) — 2021-10-13

## README

# Sudo Pseudo

#### A storybook addon to view pseudo classes in your stories

This Storybook addon allows you to test pseudo classes using class names without having to rewrite your existing stylesheets. Currently it supports:

- focus-visible
- focus
- active
- hover

## Getting Started

1. Install this plugin
2. Add `sudo-pseudo` to your `main.js` file for storybook.
3. Now you can configure any component to show a pseudo state using class names like `className: "pseudo-hover"` or `className: "pseudo-focus"`

### Development scripts

- `yarn start` runs babel in watch mode and starts Storybook
- `yarn build` build and package your addon code

---
_Source: https://npm.io/package/sudo-pseudo · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._