Lightbox
A diretiva Lightbox deve ser usada para criar modais exclusivamente de visualização.
#
Ativando#
Atributos aceitos na tagAtributo | Input/Output | Tipo | Obrigatório | Valores padrões |
---|---|---|---|---|
uglLightbox | - | Sim | - | |
filesUrl | @Input | String[] | 1 | - |
action | @Output | Function | Não | - |
actionIcon | @Input | String | Sim se tiver action | - |
closeOut | @Input | Boolean | Não | false |
Atributo [filesUrl]
O atributo [filesUrl] deve ser preenchido com um array de string contendo as urls das imagens ou pdfs que serão renderizados. É eceito imagens com as extensões png, jpg, jpeg, bmp e arquivos em pdf. Se adicionado apenas 1 item, não será renderizado a navegação. Para que a mesma seja renderizada, é necessário o array possuir mais 2 ou mais elementos.
Atributo (action)
Deve ser passado uma função ao atributo (action). Quando o atributo for declarado, um botão será gerado na parte inferior da lightbox. Ao clicar no botão, a função do action será executada e a modal será fechada. O atributo recebe por padrão o numero do item ativo no momento.
Atributo [actionIcon]
O atributo [actionIcon] recebe o nome de um ícone do Material e, quando houver ícone, ele será renderizado no botão.
Atributo [closeOut]
Quando atribuído como TRUE, permite fechar o lightbox clicando fora dele.
#
AtalhosO Lighbox possui um atalho de teclado implementado.
Tecla | Função |
---|---|
ESC | Fecha o lightbox |