Home

Awesome

Angular VLibras

Angular VLibras é uma biblioteca Angular que integra o widget de acessibilidade VLibras em suas aplicações Angular. O VLibras fornece tradução automática de conteúdo digital para a Língua Brasileira de Sinais (Libras), aumentando a acessibilidade para os usuários.

Instalação

Instale a biblioteca angular-vlibras via npm:

npm install angular-vlibras

ou com yarn:

yarn add angular-vlibras

Uso

Após a instalação, siga os passos abaixo para integrar o widget VLibras em sua aplicação Angular:

1. Importe o Componente AngularVlibras

No módulo raiz da sua aplicação (geralmente app.module.ts), importe o componente AngularVlibras:

import { Component } from '@angular/core';
import { AngularVlibras } from 'angular-vlibras';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [AngularVlibras],
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent { }

2. Use o Componente <angular-vlibras />

Adicione o componente <angular-vlibras /> ao seu template para ativar o widget VLibras:

<angular-vlibras />

Propriedades

O componente aceita as seguintes propriedades de entrada:

Exemplo

Aqui está um exemplo de como configurar o widget VLibras com propriedades personalizadas:

<angular-vlibras 
  position="bottomRight" 
  avatar="hosana" 
  opacity="0.9" />

Essa configuração posicionará o widget no canto inferior direito da tela, usará o avatar hosana e definirá a opacidade como 0.9.