# certara-widget-box



<!-- Auto Generated Below -->


## Properties

| Property   | Attribute  | Description                                                                                                                                                  | Type      | Default     |
| ---------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------- | ----------- |
| `headline` | `headline` | Output in the header of the widget box                                                                                                                       | `string`  | `undefined` |
| `icon`     | `icon`     | Set the icon name to display in the widget box header. If no icon is set, the default is lines.                                                              | `string`  | `undefined` |
| `open`     | `open`     | This sets the open state of the widget box and turns it into a disclosure width if present. If this is set to false, the widget box is collasped by default. | `boolean` | `undefined` |
| `padded`   | `padded`   | If this is set to false, it zeros out the padding on the widget content, for instance if you want a full width table inside the widget box                   | `boolean` | `true`      |
| `width`    | `width`    | Optional width of the card. Accepts a value of `30rem`, `370px`, or any valid CSS size value.                                                                | `string`  | `undefined` |


## Events

| Event           | Description                                                                                               | Type               |
| --------------- | --------------------------------------------------------------------------------------------------------- | ------------------ |
| `certaraToggle` | Follows the native toggle event for the HTML &lt;details&gt; element to emit interaction with the control | `CustomEvent<any>` |


## Slots

| Slot                    | Description                                       |
| ----------------------- | ------------------------------------------------- |
|                         | Main slot for widget content                      |
| `"widget-box-footer"`   | Slot for items appearing in the widget-box footer |
| `"widget-box-heading"`  | Slot for custom formatted heading                 |
| `"widget-box-icon"`     | Slot for custom header icon                       |
| `"widget-header-right"` | Slot for right-aligned header content             |


## Dependencies

### Depends on

- [certara-icon](../icon)

### Graph
```mermaid
graph TD;
  certara-widget-box --> certara-icon
  style certara-widget-box fill:#f9f,stroke:#333,stroke-width:4px
```

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