cc-order-summary: init component

[roberttran-cc]

Context

For the new creation tunnel, we need an UI to display the options of the product being currently ordered.

To be discussed

We assume the creation button will be part of a form but maybe it won't always be the case. Moreover, it's a cc-button but without a type='submit', it only fires an event.

I see 3 options for now:

• leave it as is,
• implement the type='submit',
• remove the cc-button and replace it with a slot.

Inputs

Attributes/properties

Property	Type	Default value	Mandatory	Description
orderSummaryState	Object	null	true	component main state

Slots

No slot.

CSS custom property

Name	Type	Default value	Description
--cc-order-summary-detail-font-size	FontSize	0.825em	The font-size for the list of details
--cc-order-summary-font-weight	FontWeight	600	Sets the value of the font weight CSS property

CSS part

No CSS part.

Outputs

Event	Data type	Description
create	n/a	Fires when the create button is clicked

Type Definitions

export interface OrderSummaryState {
  name: string;
  tags?: Array<string>;
  logoUrl?: string;
  configuration?: Array<ConfigurationItem>;
}

export interface ConfigurationItem {
  label: string;
  value: string;
}

Data/APIs

No API.

Stories & states

WIP.