TermsAndConditions

Library

Allium Design Systemweb-only

Repository

github.com/telus/allium-design-system

Package

npmjs.com/package/@telus-uds/ds-allium

Package version

1.14.0

Loading...

<TermsAndConditions indexedContent={[ 'A $35 connection fee applies per line. Fee includes a SIM card and access to a TELUS team member to process your activation or renewal along with other exclusive TELUS services. You can offset your connection fee by up to $5 by signing up for pre-authorized payments. Not stackable with any other pre-authorized payments offers. For more details, please go to telus.com/mobilityfees. A one-time Connection Fee will be charged per subscriber on all activations and renewals. The fee is $35 for smartphones, smartwatches, tablets, Smart Hubs, Drive +, Wireless Home Phone, and Internet keys. The fee will be automatically billed and will appear on the first or next invoice. A $35 credit will appear for all Fleet, Business Connect and HSIA wireless back up activations and renewals on the first bill.', 'Only available on a TELUS Easy Share Platinum plan starting at $110/mo. Offer applies to new TELUS Business customer activations. Not available for Consumer accounts. Ask a TELUS representative for other eligibility requirements. Offer available for a limited time and is subject to change without notice.', 'Subject to approved credit. Not available to customers on the credit limit program. Returned device must be in good working condition or you will be responsible for the difference between the Bring-it-Back program amount and the lower trade-in value for a device that is not in good working condition Trade-in standards published at the time a device is returned will appy. Applicable sales taxes are calculated at time of purchase on the full purchase price. You will not be charged tax on the Bring-It-Back Program Amount if you chose to keep your device and pay back the Bring-It-Back Program Amount at, or before, the end of the 24 month term. Bring-It-Back program is only available while you subscribe to mobility service. If mobility service is cancelled before the end of the term, the Bring-It-Back Program Amount will be charged to your TELUS bill.' ]} nonIndexedContent={[ 'Pricing does not include applicable taxes or pay-per-use charges.', 'Certain conditions may apply. TELUS reserves ther ight to modify prices and eligible rate plans with this offer at any time without advance notice.' ]} />

<TermsAndConditions
  indexedContent={[
    'A $35 connection fee applies per line. Fee includes a SIM card and access to a TELUS team member to process your activation or renewal along with other exclusive TELUS services. You can offset your connection fee by up to $5 by signing up for pre-authorized payments. Not stackable with any other pre-authorized payments offers. For more details, please go to telus.com/mobilityfees. A one-time Connection Fee will be charged per subscriber on all activations and renewals. The fee is $35 for smartphones, smartwatches, tablets, Smart Hubs, Drive +, Wireless Home Phone, and Internet keys. The fee will be automatically billed and will appear on the first or next invoice. A $35 credit will appear for all Fleet, Business Connect and HSIA wireless back up activations and renewals on the first bill.',
    'Only available on a TELUS Easy Share Platinum plan starting at $110/mo. Offer applies to new TELUS Business customer activations. Not available for Consumer accounts. Ask a TELUS representative for other eligibility requirements. Offer available for a limited time and is subject to change without notice.',
    'Subject to approved credit. Not available to customers on the credit limit program. Returned device must be in good working condition or you will be responsible for the difference between the Bring-it-Back program amount and the lower trade-in value for a device that is not in good working condition Trade-in standards published at the time a device is returned will appy. Applicable sales taxes are calculated at time of purchase on the full purchase price. You will not be charged tax on the Bring-It-Back Program Amount if you chose to keep your device and pay back the Bring-It-Back Program Amount at, or before, the end of the 24 month term. Bring-It-Back program is only available while you subscribe to mobility service. If mobility service is cancelled before the end of the term, the Bring-It-Back Program Amount will be charged to your TELUS bill.'
  ]}
  nonIndexedContent={[
    'Pricing does not include applicable taxes or pay-per-use charges.',
    'Certain conditions may apply. TELUS reserves ther ight to modify prices and eligible rate plans with this offer at any time without advance notice.'
  ]}
/>

Introduction

import { TermsAndConditions } from '@telus-uds/ds-allium'

Use TermsAndConditions to display important legal content.

Guidance

• Display before the page footer, except for call-to-action callback cards
• Responsive display based on breakpoints
• Use copy to set language, 'en' for English or 'fr' for French

Accessibility

TermsAndConditions accepts standard accessibility attributes and applies them to the outer container. Moreover, the component itself is composed of accessible components, which provides accessible experience overall.

Platform considerations

This component is currently only supported on web.

Props

Name	Type	Default	Description
copy	'en' | 'fr' | { headingView: string, headingHide: string, nonIndexedTitle: string }	'en'	Use the 'copy' prop to either select provided English or French copy by passing 'en' or 'fr' respectively. To provide your own, pass a JSON object with the keys 'headingView', 'headingHide', and 'nonIndexedTitle'.
indexedContent	Array<node | string>	[]	An array of nodes, strings, or a combination to be displayed in an ordered list. Each item in the array must have a corresponding superscript in the page.
nonIndexedContent	Array<node | string>	[]	An array of nodes, strings, or a combination to be displayed in an unordered list. nonIndexedContent do not have a corresponding superscript and instead apply to the page as a whole.

Figma

Variants

This component does not have any stylistic variants.

Feedback

• Spotted a problem with this component? Raise an issue on GitHub
• See any existing issues for this component
• Contact the team on slack in #ds-allium-support