open-index/open-npm huggingface dataset:
npm package: @navasia/editor
Description: [Demo](https://navan101.github.io/vue-fabric-design-editor/)
Latest version: 1.0.9

# Vue Design editor
[Demo](https://navan101.github.io/vue-fabric-design-editor/)

## Installation

```
$ yarn add @navasia/editor
$ npm install --save @navasia/editor
```

## Usage

### Plugin registration

Add it as a plugin to your app:
```javascript
import { createApp } from "vue";
import Editor from "@navasia/editor";
// Import the CSS or use your own!
import '@navasia/editor/styles.css'

const app = createApp(...);

const options = {
    // You can set your default options here
};

app.use(Editor, options);
```

Or, if you are using Typescript:
```javascript
import { createApp } from "vue";
import Editor from "@navasia/editor";
// Import the CSS or use your own!
import '@navasia/editor/styles.css'

const app = createApp(...);

const options: any = {
    // You can set your default options here
};

app.use(Editor, options);
```

### Using with Vue 3

``` vue
<template>
  <Editor />
</template>
```
npm package: @navattic/compass-ui
Description: To see all available components, please visit the [Storybook](ui.navattic.com/).
Latest version: 1.0.9

# navattic-ui

To see all available components, please visit the [Storybook](ui.navattic.com/).

## Conventions

- Component that have sizes should have a default size of `md` and use the `NvSize` type.
- Components should not allow arbitrary functions to be passed in as props. Ex: `Select` _could_ have allow the consumer to pass in a function `filter` which would decide which options get shown in the dropdown based on the search text. Instead, we've chosen to restrict the available options to a `filterMode` prop, which allows the consumer to choose from a set of pre-defined filter functions.

## Reviews

### Component

- Styles API supports necessary customization
- Maintain consistent DX across components
- className passed through properly
- Implements variants from design system?
- Has story showing a primary example
- Has story(ies) showing variants
- Story controls show all props intended for external use

### Migration

- Was any logic changed?
- Was any styling changed?
- Deleted old component? If no, why not? Was it marked as deprecated?
- Were any intermediary styles added? If so, make a PR to remove them later

## Migration TODOs:

- AvatarWithName and related Avatar components
- BoardsFilter