Version: 2.0.0

sodexo-deposit-detail-template

The sodexo-deposit-detail-template component displays detailed information about a specific user deposit. This template includes built-in API integration and i18n support.

Authentication Required

This template requires a valid authentication token to access deposit details.

Properties

Property	HTML Attribute	Type	Default	Description
`theme`	`theme`	`Theme`	Default Sodexo theme	Customization variables for Sodexo components theme
`apiKey`	`api-key`	`string`	-	X-API-key for Sodexo API
`token`	`token`	`string`	-	Authentication token for Sodexo API
`badgeId`	`badge-id`	`string`	-	Badge identifier associated with the deposit
`depositId`	`deposit-id`	`string`	-	Deposit identifier to display details for

Usage

HTML

<!DOCTYPE html>
<html>
<body>
  <sodexo-deposit-detail-template
    api-key="your-api-key"
    token="user-auth-token"
    badge-id="badge-123"
    deposit-id="deposit-456"
  ></sodexo-deposit-detail-template>

  <script>
    const element = document.querySelector('sodexo-deposit-detail-template');
    
    // Apply custom theme
    element.theme = {
      '--sodexo-primary-color': '#283897',
      '--sodexo-primary-text-color': '#283897',
      '--sodexo-primary-background-color': '#f7f8ff',
      '--sodexo-font-family': 'Open Sans',
    };
  </script>

</body>
</html>

Properties​

Usage​

Properties

Usage