Skip to main content

Locales Suportados

O SDK suporta os seguintes locales:
  • en (Inglês) - padrão
  • pt-BR (Português do Brasil)

Configuração de Locale

<TriglitProvider
  config={{
    apiKey: 'pk_...',
    i18n: {
      locale: 'pt-BR', // Usa traduções em português
    },
  }}
>
  {/* Componentes */}
</TriglitProvider>

Traduções Customizadas

Você pode fornecer traduções customizadas de duas formas:

1. Objeto de Traduções

<TriglitProvider
  config={{
    apiKey: 'pk_...',
    i18n: {
      locale: 'pt-BR',
      translations: {
        'workflow.editor.save': 'Salvar Workflow',
        'workflow.editor.saveChanges': 'Salvar Alterações',
        'workflow.editor.version': 'Versão {{version}}',
        // ... outras traduções
      },
    },
  }}
>
  {/* Componentes */}
</TriglitProvider>

2. Função de Tradução

<TriglitProvider
  config={{
    apiKey: 'pk_...',
    i18n: {
      locale: 'pt-BR',
      translations: (key: string) => {
        // Sua lógica de tradução customizada
        const customTranslations: Record<string, string> = {
          'workflow.editor.save': 'Salvar',
          // ...
        };
        return customTranslations[key] || key;
      },
    },
  }}
>
  {/* Componentes */}
</TriglitProvider>

Usando Traduções em Componentes Customizados

import { useI18n } from '@triglit/react-sdk';

function MyCustomComponent() {
  const t = useI18n();
  
  return (
    <div>
      <button>{t('workflow.editor.save')}</button>
      <p>{t('workflow.editor.version', { version: 2 })}</p>
    </div>
  );
}

Chaves de Tradução Disponíveis

Principais chaves de tradução:
  • workflow.editor.* - Editor de workflows
  • node.config.* - Diálogo de configuração de nodes
  • status.* - Mensagens de status
Consulte o código-fonte para a lista completa de chaves.