> For the complete documentation index, see [llms.txt](https://docs.pages.revox.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pages.revox.io/angular/components/quick-view.md).

# Quick View

## Importing

First import it to your app module or any submodule as you wish

```typescript
import { SharedModule } from './@pages/components/shared.module';
@NgModule({
  declarations : [SidebarComponent,...]
  imports: [SharedModule,...]
})
export class AppModule(){}
```

## Example

{% tabs %}
{% tab title="HTML" %}
{% code title="" %}

```markup
<pg-quickview></pg-quickview>
```

{% endcode %}
{% endtab %}
{% endtabs %}

## Location

This component is located in @pages/components/quickview

{% hint style="info" %}
It does not have an ngOutlet for adding content in. Use the quickview\.component.html&#x20;
{% endhint %}

## How to toggle

Include the Toggle service as mention here to any external component us wish

{% content-ref url="/pages/-LDpAgUow7zmLnxAaW0Q" %}
[Broken mention](broken://pages/-LDpAgUow7zmLnxAaW0Q)
{% endcontent-ref %}

Then use the following function to open

```
toggleQuickView()
```