# xpl-button-row



### Design Tokens

Tokens used by this component from `@xplortech/apollo-foundation`.

**Color**
- `--xpl-border-default` — top border color

**Spacing**
- `--xpl-space-{0,16,24}` — padding / margins

**Border**
- `--xpl-border-small` — top border width (1px)

<!-- Auto Generated Below -->


## Properties

| Property    | Attribute   | Description                                                                           | Type       | Default     |
| ----------- | ----------- | ------------------------------------------------------------------------------------- | ---------- | ----------- |
| `primary`   | `primary`   | The text for the primary button.                                                      | `"string"` | `undefined` |
| `secondary` | `secondary` | The text for the secondary button. If left empty, will not render a secondary button. | `"string"` | `undefined` |
| `tertiary`  | `tertiary`  | The text for the tertiary button. If left empty, will not render a secondary button.  | `"string"` | `undefined` |


## Events

| Event            | Description                                                                                         | Type               |
| ---------------- | --------------------------------------------------------------------------------------------------- | ------------------ |
| `clickPrimary`   | Fires on the primary button. If not set, the button can act as a standard submit button for a form. | `CustomEvent<any>` |
| `clickSecondary` | Adds an event listener to the secondary button.                                                     | `CustomEvent<any>` |
| `clickTertiary`  | Adds an event listener to the tertiary button.                                                      | `CustomEvent<any>` |


## Dependencies

### Depends on

- [xpl-button](../xpl-button)

### Graph
```mermaid
graph TD;
  xpl-button-row --> xpl-button
  xpl-button --> xpl-icon
  style xpl-button-row fill:#f9f,stroke:#333,stroke-width:4px
```

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

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