salla-order-branch

The salla-order-branch component renders pickup branch details for thank-you pages. It reads the order id from the page config (page.id), loads the order's pickup branch through the order API and shows the branch name, address, estimated preparation time, phone number, a Google Maps link and working hours. It renders nothing until the branch data has loaded, and when the order has no branch. API errors are shown as a notification. Use it only on the order thank-you or order details page, where page.id is the order id; it takes no required attributes.

Use itCopy Anchor Link

In HTML or JSX, use the tag <salla-order-branch> with the Attribute names below. In React, the wrapper takes the Property names (camelCase).

import { SallaOrderBranch } from '@salla.sa/twilight-components-react/order-branch';

ExampleCopy Anchor Link

import { SallaOrderBranch } from '@salla.sa/twilight-components-react/order-branch';

export function Example() {
  return (
    <SallaOrderBranch />
  );
}

import { SallaOrderBranch } from '@salla.sa/twilight-components-react/order-branch';

export function Example() {
  return (
    <SallaOrderBranch stackCards />
  );
}

PropertiesCopy Anchor Link