You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[](https://github.com/prettier/prettier)
> Fast, composable, unstyled command menu for Angular. Directly inspired from [pacocoursey/cmdk](https://github.com/pacocoursey/cmdk)
18
18
19
-
# @ngneat/cmdk
19
+
# @ngxpert/cmdk
20
20
21
-
@ngneat/cmdk is a command menu Angular component that can also be used as an accessible combobox. You render items, it filters and sorts them automatically. @ngneat/cmdk supports a fully composable API, so you can wrap items in other components or even as static HTML.
21
+
@ngxpert/cmdk is a command menu Angular component that can also be used as an accessible combobox. You render items, it filters and sorts them automatically. @ngxpert/cmdk supports a fully composable API, so you can wrap items in other components or even as static HTML.
22
22
23
-
Demo and examples: [ngneat.github.io/cmdk](https://ngneat.github.io/cmdk)
23
+
Demo and examples: [ngxpert.github.io/cmdk](https://ngxpert.github.io/cmdk)
24
24
25
25
## Features
26
26
@@ -32,7 +32,7 @@ Demo and examples: [ngneat.github.io/cmdk](https://ngneat.github.io/cmdk)
32
32
33
33
## Compatibility with Angular Versions
34
34
35
-
|@ngneat/cmdk| Angular |
35
+
|@ngxpert/cmdk| Angular |
36
36
| -- | -- |
37
37
| 1.x | <16 |
38
38
| 2.x | >=16 |
@@ -42,7 +42,7 @@ Demo and examples: [ngneat.github.io/cmdk](https://ngneat.github.io/cmdk)
@@ -75,10 +75,10 @@ Same as `npm`, just instead of `npm install`, write `yarn add`.
75
75
76
76
#### 1.1 Module Setup
77
77
78
-
> This is taken care with ng add @ngneat/cmdk
78
+
> This is taken care with ng add @ngxpert/cmdk
79
79
80
80
```ts
81
-
import { CmdkModule } from'@ngneat/cmdk';
81
+
import { CmdkModule } from'@ngxpert/cmdk';
82
82
83
83
@NgModule({
84
84
imports: [
@@ -100,7 +100,7 @@ import {
100
100
ItemDirective,
101
101
ListComponent,
102
102
EmptyDirective
103
-
} from'@ngneat/cmdk';
103
+
} from'@ngxpert/cmdk';
104
104
105
105
@Component({
106
106
selector: 'app-root',
@@ -342,7 +342,7 @@ getItems() {
342
342
343
343
### Use inside Popover
344
344
345
-
We recommend using the [Angular CDK Overlay](https://material.angular.io/cdk/overlay/overview). @ngneat/cdk relies on the Angular CDK, so this will reduce your bundle size a bit due to shared dependencies.
345
+
We recommend using the [Angular CDK Overlay](https://material.angular.io/cdk/overlay/overview). @ngxpert/cdk relies on the Angular CDK, so this will reduce your bundle size a bit due to shared dependencies.
346
346
347
347
First, configure the trigger component:
348
348
@@ -424,19 +424,19 @@ ngAfterViewInit() {
424
424
425
425
### Drop in stylesheets
426
426
427
-
You can find global stylesheets to drop in as a starting point for styling. See [ngneat/cmdk/styles](./projects/ngneat/cmdk/styles) for examples.
427
+
You can find global stylesheets to drop in as a starting point for styling. See [ngxpert/cmdk/styles](./projects/ngxpert/cmdk/styles) for examples.
428
428
429
429
You can include the `SCSS` stylesheet in your application's style file:
430
430
431
431
```scss
432
432
// Global is needed for any theme
433
-
@use"~@ngneat/cmdk/styles/scss/globals";
433
+
@use"~@ngxpert/cmdk/styles/scss/globals";
434
434
435
435
// Then add theme
436
-
@use"~@ngneat/cmdk/styles/scss/framer";
437
-
// @use "~@ngneat/cmdk/styles/scss/vercel";
438
-
// @use "~@ngneat/cmdk/styles/scss/linear";
439
-
// @use "~@ngneat/cmdk/styles/scss/raycast";
436
+
@use"~@ngxpert/cmdk/styles/scss/framer";
437
+
// @use "~@ngxpert/cmdk/styles/scss/vercel";
438
+
// @use "~@ngxpert/cmdk/styles/scss/linear";
439
+
// @use "~@ngxpert/cmdk/styles/scss/raycast";
440
440
```
441
441
442
442
or, use pre-built `CSS` file in `angular.json`
@@ -445,8 +445,8 @@ or, use pre-built `CSS` file in `angular.json`
445
445
// ...
446
446
"styles": [
447
447
"...",
448
-
"node_modules/@ngneat/cmdk/styles/globals.css"
449
-
"node_modules/@ngneat/cmdk/styles/framer.css"
448
+
"node_modules/@ngxpert/cmdk/styles/globals.css"
449
+
"node_modules/@ngxpert/cmdk/styles/framer.css"
450
450
],
451
451
// ...
452
452
```
@@ -474,9 +474,9 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
0 commit comments