Suporte da direita para a esquerda (RTL)

    Suporte RTL

    A maioria dos componentes da estrutura tem suporte total da direita para a esquerda (RTL) por padrão. Para mudar para a direção RTL, você deve apenas definir o dir atributo do html ou da tag body para rtl.

    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 de acessibilidade (ARIA) da estrutura, bem como a facilidade de gerenciamento directionality dos componentes.

    Enabling right-to-left direction (RTL).

    Ignite UI for Angular A biblioteca é suscetível à directionality manipulação somente ao definir dir o atributo em tags html OR body. Além disso, lembre-se de que as alterações de 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, o Igx-Grid componente tem apenas suporte RTL parcial (visual).

    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.