Suporte da direita para a esquerda (RTL)

    Suporte RTL

    A maioria dos componentes do framework possui suporte total da direita para a esquerda (RTL) por padrão. Para mudar para a direção RTL, você só precisa definir odir atributo do html ou da tag do corpo parartl.

    Exemplo:

    // $direction defaults to ltr if it's omitted.
@include igx-core($direction: rtl);

    Atualmente, os seguintes componentes têm apenas suporte RTL parcial:

    • Grade (igx-grid)

    RTL Example

    Esta seção mostra o suporte à acessibilidade (ARIA) da estrutura, bem como o quão fácil é de gerenciardirectionality os componentes.

    Enabling right-to-left direction (RTL)

    Ignite UI for AngularA biblioteca é suscetível àdirectionality manipulação apenas ao definirdir atributo em tags dehtml oubody ou Além disso, lembre-se de que mudanças em tempo de execução não são detectadas.

    Com isso dito, vamos passar para o seguinte exemplo:

    Step 1 - Setting the 'dir' attribute on both tags

    <html dir="rtl">
...
</html>

    ou

    <html>
  <body dir="ltr">
  ...
  </body>
</html>
    Note

    Atualmente, oIgx-Grid componente tem suporte apenas parcial (visual) a RTL.

    Note

    Breaking Changes in version 13.2.0

    Todas as folhas de estilo específicas da RTL foram removidas, portanto, os usuários que usaram anteriormente temas específicos do *-rtl.css devem mudar para os arquivos de tema regulares.