# ResponsivePanel

## Example

```
<kendo-responsivepanel>
</kendo-responsivepanel>
```

## Attributes

| Attribute             | Type                        | Description                                                                                                                                                                               |
| --------------------- | --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| name                  | String                      | Sets the name of the component.                                                                                                                                                           |
| auto-close            | Boolean                     | If set to false the widget will not close when the page content is touched, after it was opened on a mobile device. You will need to call the close method when the panel needs to close. |
| breakpoint            | Double                      | Specifies the page width at which the widget will be hidden and its toggle button will become visible.                                                                                    |
| nonce                 | String                      | Specifies the nonce attribute that will be set to the inline style injected in the \<head> tag containing the dynamic media query styles.                                                 |
| on-close              | String                      | The name of the JavaScript function that will handle the close event. Triggered before the responsive panel is closed. Cancellable.                                                       |
| on-open               | String                      | The name of the JavaScript function that will handle the open event. Triggered before the responsive panel is opened. Cancellable.                                                        |
| orientation           | String                      | Specifies the direction from which the hidden element will open up, once the toggle button has been activated. Valid values are "left", "right", and "top".                               |
| script-attributes     | IDictionary\<String,Object> | Sets the attributes that will be added to the script tag of the component's initialization script.                                                                                        |
| toggle-button         | String                      | Specifies the selector for the toggle button that will show and hide the responsive panel.                                                                                                |
| is-in-client-template | Boolean                     | When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.                                                          |
| deferred              | Boolean                     | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.                                                               |
| as-module             | Boolean                     | Specifies whether the initialization script of the component will be rendered as a JavaScript module.                                                                                     |