Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/angular-a11y/angular-vlibras
A library for integrating VLibras into Angular applications.
https://github.com/angular-a11y/angular-vlibras
a11y angular hacktoberfest vlibras
Last synced: 17 days ago
JSON representation
A library for integrating VLibras into Angular applications.
- Host: GitHub
- URL: https://github.com/angular-a11y/angular-vlibras
- Owner: angular-a11y
- Created: 2024-08-23T04:27:55.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-10-24T09:44:14.000Z (3 months ago)
- Last Synced: 2024-10-25T04:56:40.735Z (3 months ago)
- Topics: a11y, angular, hacktoberfest, vlibras
- Language: TypeScript
- Homepage: https://angular-vlibras.web.app
- Size: 1.04 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- trackawesomelist - angular-vlibras (⭐2) - An Angular library that integrates the VLibras accessibility widget into your Angular applications. VLibras provides automatic translation of digital content into the Brazilian Sign Language (Libras), increasing accessibility for users. (Recently Updated / [Sep 01, 2024](/content/2024/09/01/README.md))
- awesome-angular - angular-vlibras - An Angular library that integrates the VLibras accessibility widget into your Angular applications. VLibras provides automatic translation of digital content into the Brazilian Sign Language (Libras), increasing accessibility for users. (Table of contents / Angular)
- fucking-awesome-angular - angular-vlibras - An Angular library that integrates the VLibras accessibility widget into your Angular applications. VLibras provides automatic translation of digital content into the Brazilian Sign Language (Libras), increasing accessibility for users. (Table of contents / Angular)
- fucking-awesome-angular - angular-vlibras - An Angular library that integrates the VLibras accessibility widget into your Angular applications. VLibras provides automatic translation of digital content into the Brazilian Sign Language (Libras), increasing accessibility for users. (Table of contents / Angular)
README
# 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:
```bash
npm install angular-vlibras
```
ou com yarn:
```bash
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`:
```typescript
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 ``
Adicione o componente `` ao seu template para ativar o widget VLibras:
```html
```
### Propriedades
O componente aceita as seguintes propriedades de entrada:
- **`position`**: Define a posição do widget VLibras na tela. Os valores possíveis são:
- `left` (padrão)
- `right`
- `top`
- `bottom`
- `bottomLeft`
- `topLeft`
- `bottomRight`
- `topRight`
Exemplo:
```html
```
- **`avatar`**: Especifica o avatar usado no widget VLibras. As opções incluem:
- `icaro`
- `hosana`
- `guga`
- `random` (padrão)
Exemplo:
```html
```
- **`opacity`**: Define a opacidade do widget VLibras. O valor deve ser um número entre `0` e `1`. O valor padrão é `1`.
Exemplo:
```html
```
### Exemplo
Aqui está um exemplo de como configurar o widget VLibras com propriedades personalizadas:
```html
```
Essa configuração posicionará o widget no canto inferior direito da tela, usará o avatar `hosana` e definirá a opacidade como `0.9`.
---