vlibras-nextjs

Componente React para implatação do plugin <a href="https://www.gov.br/governodigital/pt-br/vlibras" target="_blank">VLibras</a> em aplicações <a href="https://nextjs.org/" target="_blank">Nextjs</a>.


Keywords
react, vlibras, typescript, acessibilidade, acessibilidade-em-sites, acessibility, acessibility-tools, javascript, next, nextjs, reactjs
License
MIT
Install
npm install vlibras-nextjs@1.0.6

Documentation

vlibras-nextjs

Componente React para implatação do plugin VLibras em aplicações Nextjs.

Instalação

npm i vlibras-nextjs
ou
yarn add vlibras-nextjs

Como usar

Aplicações React

app.js

Reprodução: vlibras-nextjs-on-react-example

import VLibras from 'vlibras-nextjs';

function App() {
  return (
    <div className="App">
      <VLibras forceOnload />
    </div>
  );
}

export default App;

Aplicações Next

index.tsx

Reprodução: vlibras-nextjs-example

import type { NextPage } from "next";
import VLibras from "vlibras-nextjs";

const Home: NextPage = () => {
  return (
	  <div>
		{/* only worked in production in tests with nextjs applications maybe you can solve this! */}
		{process.env.NODE_ENV === "production" && <VLibras forceOnload />}
    </div>
  );
};

export default Home;

Obrigado aos colaboradores!!!