Extra Links

The following is the configuration of it

Passing Data through compute.ts

To populate data in this component, you'll need to pass configuration options through compute.ts. Here’s an example:

1. Configure extraLinks in compute.ts.

this is how you will configure in compute.ts.

{
   ....
    extraLink: [
       `{ rel:stylesheet, hrefImportPath:<link-path> }`

       // example

        `{ rel:stylesheet, hrefImportPath:'@splidejs/react-splide/css' }`
       ......
    ],

    ....
}

this is how you will configure in page route.

{
   ....
  
    export const links = (params) => {
        return [
            {
                rel: 'stylesheet',
                href: reactDayPickerStyles as unknown as string,
            },
            ...params,
        ];
    };

    ....
}

params will automatically adds the link provided in compute.ts

Key Fields:

• extraLinks: Array of additional links to be included in the page. Each link has an associated value that will be passed to the links function.
• params: Array of link objects that will be automatically populated with the links provided in compute.ts.