오른쪽에서 왼쪽(RTL) 지원

    RTL 지원

    프레임워크에 있는 대부분의 구성 요소는 기본적으로 RTL(오른쪽에서 왼쪽으로)을 완전히 지원합니다. RTL 방향으로 전환하려면 html 또는 body 태그의 dir 속성을 rtl로 설정하면 됩니다.

    본보기:

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

    현재 다음 구성 요소는 부분적인 RTL만 지원합니다.

    • 그리드(igx-grid)

    RTL Example

    이 섹션에서는 프레임워크의 접근성(ARIA) 지원과 구성 요소의 directionality 얼마나 쉽게 관리할 수 있는지 보여줍니다.

    Enabling right-to-left direction (RTL).

    Ignite UI for Angular​ ​html 또는 body 태그에 dir 속성을 설정할 때만 directionality 조작에 취약합니다. 또한 런타임 변경 사항은 감지되지 않습니다.

    그렇다면 다음 예제로 넘어가겠습니다.

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

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

    또는

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

    현재 Igx-Grid 구성 요소는 부분(시각적) RTL만 지원합니다.

    Note

    Breaking Changes in version 13.2.0

    모든 RTL 특정 스타일시트가 제거되었으므로 이전에 *-rtl.css 특정 테마를 사용한 사용자는 일반 테마 파일로 전환해야 합니다.