---
schema_version: "1"
id: 2e07417e6553e079ccc5f4542ea81d19de612419aa48cdab34456c030147e621
title: Newport Loader ReadMe (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_newport_loader_readme.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_newport_loader_readme.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 959f01f46b59f292b9f8f6a39a6f9daa1254f1b22b1b2c09c4157b593b6153cd
description: For the managed package runtime, this page contains the Newport Loader ReadMe for each Vlocity release.
products:
  - Omnistudio
release: "264"
---
# Newport Loader ReadMe (Managed Package)

For the managed package runtime, this page contains the Newport Loader ReadMe for each Vlocity release.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

## Vlocity Insurance and Health Winter '20 and CME Winter '20

The _Newport Loader_ is a utility that exposes a single `load` function used to ensure the Newport CSS styles load in the `<head>` of the page.

This utility:

- Ensures the styles are loaded only once across the page
- Loads a custom version of Newport if the `newportZipUrl`has been configured in the org.

## Available Methods

## load(component)

You must always pass your component to the `load` function.

```
import { load } from `c/newportLoader`;

    ...

    export default class MyComponent extends LightningElement {


        connectedCallback() {
            // It's recommended to add the styles into the page
            // from your connectedCallback so they're not added
            // to the page before they're needed, but available
            // for when the component's `render` is called.
            load(this)
                .then(() => {
                    // newport styles added to page
                });
        }
    }
```