Installation

Install the adapter for your framework. The core package is included automatically.

Package Manager

npm install @skyastrall/mentions-react

npm install @skyastrall/mentions-vue

npm install @skyastrall/mentions-svelte

npm install @skyastrall/mentions-angular

Or with pnpm / yarn:

pnpm add @skyastrall/mentions-react

pnpm add @skyastrall/mentions-vue

pnpm add @skyastrall/mentions-svelte

pnpm add @skyastrall/mentions-angular

Requirements

What Gets Installed

Your framework adapter depends on @skyastrall/mentions-core, which is installed automatically. You only need core separately for server-side usage or building a custom adapter.

TypeScript

All packages ship with full TypeScript declarations. No @types/* packages needed.

Optional: CSS Effects

For animated borders, glow, and dropdown animations, import the stylesheet from core (one file, works in every framework):

import "@skyastrall/mentions-core/effects.css";

import "@skyastrall/mentions-core/effects.css";

import "@skyastrall/mentions-core/effects.css";

// In your global styles.css:
// @import "@skyastrall/mentions-core/effects.css";

Entirely optional. The component works without it.