Calling Developers!
We are reenergizing our code contribution process!
Learn MoreThread for Team "Mining Dwarves" to discuss and post their results/slides ⬇️
Members:
Few Oryx in 90 videos, also to customize components:
An example to build a custom component:
Step 1: Create componentPut the definition in /pie/pie.def.ts
import { componentDef } from "@spryker-oryx/utilities"; export const pieComponent = componentDef({ name: "oryx-pie", impl: () => import("./pie.component.js").then((m) => m.PieComponent), });
Put the implementation in /pie/pie.component.ts
import { LitElement, html } from "lit"; export class PieComponent extends LitElement { render() { return html`pie...`; } }
The application doesn't know about the component, lets provide it:
export const app = appBuilder() .withComponents([pieComponent])
We add the <oryx-pie>
component after the home hero component.
export const app = appBuilder() … .withProviders([ provideExperienceData({ merge: { selector: "home-hero", type: "after", }, type: "oryx-pie", }), ])