# ce-choices



<!-- Auto Generated Below -->


## Properties

| Property       | Attribute       | Description                                                                                             | Type                             | Default     |
| -------------- | --------------- | ------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- |
| `autoWidth`    | `auto-width`    |                                                                                                         | `boolean`                        | `undefined` |
| `columns`      | `columns`       | Number of columns on desktop                                                                            | `number`                         | `1`         |
| `errorMessage` | `error-message` | Validation error message.                                                                               | `string`                         | `''`        |
| `help`         | `help`          | The input's help text.                                                                                  | `string`                         | `''`        |
| `hideLabel`    | `hide-label`    | Hides the fieldset and legend that surrounds the group. The label will still be read by screen readers. | `boolean`                        | `false`     |
| `label`        | `label`         | The group label. Required for proper accessibility. Alternatively, you can use the label slot.          | `string`                         | `''`        |
| `required`     | `required`      | Required                                                                                                | `boolean`                        | `false`     |
| `showLabel`    | `show-label`    | Should we show the label                                                                                | `boolean`                        | `true`      |
| `size`         | `size`          | Input size                                                                                              | `"large" \| "medium" \| "small"` | `'medium'`  |


## Shadow Parts

| Part        | Description |
| ----------- | ----------- |
| `"base"`    |             |
| `"choices"` |             |


## Dependencies

### Used by

 - [sc-donation-choices](../../controllers/checkout-form/donation-choices)
 - [sc-price-choices](../../controllers/checkout-form/price-choices)
 - [sc-subscription-payment](../../controllers/dashboard/subscription-payment)
 - [sc-subscription-switch](../../controllers/dashboard/subscription-switch)

### Depends on

- [sc-form-control](../form-control)

### Graph
```mermaid
graph TD;
  sc-choices --> sc-form-control
  sc-form-control --> sc-tooltip
  sc-donation-choices --> sc-choices
  sc-price-choices --> sc-choices
  sc-subscription-payment --> sc-choices
  sc-subscription-switch --> sc-choices
  style sc-choices fill:#f9f,stroke:#333,stroke-width:4px
```

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

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