# ce-order-summary



<!-- Auto Generated Below -->


## Properties

| Property            | Attribute             | Description | Type       | Default                          |
| ------------------- | --------------------- | ----------- | ---------- | -------------------------------- |
| `busy`              | `busy`                |             | `boolean`  | `undefined`                      |
| `closedText`        | `closed-text`         |             | `string`   | `__('Show Summary', 'surecart')` |
| `collapsed`         | `collapsed`           |             | `boolean`  | `undefined`                      |
| `collapsedOnMobile` | `collapsed-on-mobile` |             | `boolean`  | `false`                          |
| `collapsible`       | `collapsible`         |             | `boolean`  | `false`                          |
| `openText`          | `open-text`           |             | `string`   | `__('Summary', 'surecart')`      |
| `order`             | --                    |             | `Checkout` | `undefined`                      |


## Events

| Event    | Description     | Type                |
| -------- | --------------- | ------------------- |
| `scHide` | Show the toggle | `CustomEvent<void>` |
| `scShow` | Show the toggle | `CustomEvent<void>` |


## Dependencies

### Depends on

- [sc-line-item](../../../ui/line-item)
- [sc-skeleton](../../../ui/skeleton)
- [sc-format-number](../../../util/format-number)
- [sc-total](../total)

### Graph
```mermaid
graph TD;
  sc-order-summary --> sc-line-item
  sc-order-summary --> sc-skeleton
  sc-order-summary --> sc-format-number
  sc-order-summary --> sc-total
  sc-total --> sc-format-number
  style sc-order-summary fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*
