# ce-tax-id-input



<!-- Auto Generated Below -->


## Properties

| Property  | Attribute | Description           | Type                                | Default     |
| --------- | --------- | --------------------- | ----------------------------------- | ----------- |
| `country` | `country` | Label for the field.  | `string`                            | `undefined` |
| `help`    | `help`    | Help text.            | `string`                            | `undefined` |
| `loading` | `loading` | Is this loading?      | `boolean`                           | `undefined` |
| `number`  | `number`  | Tax ID Number         | `string`                            | `null`      |
| `show`    | `show`    | Force show the field. | `boolean`                           | `false`     |
| `status`  | `status`  | The status            | `"invalid" \| "unknown" \| "valid"` | `'unknown'` |
| `type`    | `type`    | Type of tax id        | `string`                            | `'other'`   |


## Events

| Event         | Description                         | Type                                                      |
| ------------- | ----------------------------------- | --------------------------------------------------------- |
| `scChange`    | Make a request to update the order. | `CustomEvent<{ number: string; number_type: string; }>`   |
| `scInput`     | Make a request to update the order. | `CustomEvent<{ number?: string; number_type?: string; }>` |
| `scInputType` | Change the Type                     | `CustomEvent<string>`                                     |
| `scSetState`  | Set the checkout state.             | `CustomEvent<string>`                                     |


## Dependencies

### Used by

 - [sc-customer-edit](../../controllers/dashboard/customer-edit)
 - [sc-order-tax-id-input](../../controllers/checkout-form/order-tax-id-input)

### Depends on

- [sc-icon](../icon)
- [sc-input](../input)
- [sc-spinner](../spinner)
- [sc-dropdown](../dropdown)
- [sc-button](../button)
- [sc-menu](../menu)
- [sc-menu-item](../menu-item)

### Graph
```mermaid
graph TD;
  sc-tax-id-input --> sc-icon
  sc-tax-id-input --> sc-input
  sc-tax-id-input --> sc-spinner
  sc-tax-id-input --> sc-dropdown
  sc-tax-id-input --> sc-button
  sc-tax-id-input --> sc-menu
  sc-tax-id-input --> sc-menu-item
  sc-input --> sc-form-control
  sc-form-control --> sc-tooltip
  sc-button --> sc-spinner
  sc-customer-edit --> sc-tax-id-input
  sc-order-tax-id-input --> sc-tax-id-input
  style sc-tax-id-input fill:#f9f,stroke:#333,stroke-width:4px
```

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

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