# j-iFrame

> El componente representa otra dirección URL (almacenada en el atributo de ruta) directamente en el iframe. El mayor beneficio es el cambio de tamaño automático del elemento iframe según el selector principal.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: es
Content-SHA256: 1fce8a193ea880c6fa80c94e99d01be45b02ae580f756a21594b77822ee3473a
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

El componente representa otra dirección URL (almacenada en el atributo `path`) directamente en el iframe. El mayor beneficio es el cambio de tamaño automático del elemento iframe según el selector `parent`.


__Configuración__:

- `parent {String}` opcional, un selector de contenedores (predeterminado: `window`)
- `scrollbar {Boolean}` opcional, habilita el desplazamiento nativo del iframe (predeterminado: `false`)
- `margin {Number}` opcional, un margen vertical (predeterminado: `0`)
- __NUEVO__: `marginxs {Number}` opcional, un margen vertical para una pantalla extra pequeña
- __NUEVO__: `marginsm {Number}` opcional, un margen vertical para pantallas pequeñas
- __NUEVO__: `marginmd {Number}` opcional, un margen vertical para visualización mediana
- __NUEVO__: `marginlg {Number}` opcional, un margen vertical para pantalla grande
- __NUEVO__: `message {String}` opcional, un enlace al `function(msg)`
- __NUEVO__: `ready {String}` opcional, un enlace al `function(com)` cuando el iframe esté listo
- __NUEVO__: `autohide {Boolean}` opcional, agrega la clase `hidden` si el iframe está en blanco

__Métodos__:

- __NUEVO__: `SETTER('iframe/send', { your_message_data })` para enviar mensaje al iframe

Úselo con `<ui-component name="iframe">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

```html example.html
<ui-component name="iframe" path="common.url"></ui-component>

<script>
	var common = { url: 'https://www.totaljs.com' };
</script>
```