Infragistics Ignite UI for Angular Icon
매끄러운 아이콘 통합과 사용자 지정을 위한 Angular 컴포넌트 및 서비스.
- Material Icons를 포함한 인라인 SVG 및 폰트 기반 아이콘을 지원합니다.
- 아이콘 패밀리의 동적 등록 및 관리를 허용합니다.
- 아이콘 크기, 색상, 스타일을 사용자 지정할 수 있는 CSS 변수를 제공합니다.
가격:
| 다음에서 사용 가능 | |
|---|---|
| Infragistics Ignite UI for Angular | 로딩 중 |
| Infragistics Ignite UI | 로딩 중 |
| Infragistics Professional | 로딩 중 |
| Infragistics Ultimate | 로딩 중 |
통합 아이콘 컴포넌트
IgxIconComponent는 SVG와 폰트 아이콘을 서로 호환되게 사용할 수 있도록 지원하며, Angular 애플리케이션에서 간단한 마크업 컴포넌트로 아이콘을 렌더링합니다.
동적 아이콘 서비스
IgxIconService는 새 아이콘 패밀리와 개별 SVG 아이콘을 런타임에 등록할 수 있게 하며, 아이콘을 패밀리별로 구성하고 표시 속성을 관리합니다.
Material Symbols 지원
이 컴포넌트와 서비스는 Google의 Material Symbols와 원활하게 통합되어, 사용자 지정 가능한 font-variation 설정과 함께 최신 디자인 변형을 사용할 수 있게 합니다.
사용자 지정 SVG 아이콘 관리
개발자는 URL 또는 원시 SVG 텍스트에서 SVG 아이콘을 추가할 수 있으며, IgxIconService를 사용해 캐시하여 애플리케이션 전반에서 일관되게 사용할 수 있습니다.
콘텐츠 프로젝션 및 스타일링
아이콘은 쉽게 사용자 지정할 수 있도록 콘텐츠 프로젝션을 지원하며, --size 및 --igx-icon-size와 같은 CSS 사용자 지정 속성을 사용해 아이콘 크기를 제어할 수 있습니다.
비활성 및 색상 사용자 지정
active 속성을 사용해 아이콘을 비활성화할 수 있으며, CSS 색상 속성이나 테마 함수를 통해 동적으로 스타일링하여 일관된 모양을 유지할 수 있습니다.
메타 아이콘 패밀리
여러 아이콘 패밀리를 메타 패밀리 아래에서 결합할 수 있어, 복잡한 아이콘 세트의 마크업에서 아이콘 참조를 간소화합니다.
서버 측 렌더링 호환성
지침과 polyfill 사용을 통해 Angular Universal로 아이콘을 올바르게 렌더링할 수 있어 서버 측 렌더링을 지원합니다.
광범위한 아이콘 별칭
내부적으로 일반적인 UI 아이콘은 기본 패밀리 내에서 별칭으로 지정되어, 다양한 Ignite UI 컴포넌트 전반에서 편리하게 대체하거나 사용자 지정할 수 있습니다.
제품 호환성
아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.
컴포넌트 유형
- JavaScript
JavaScript 플랫폼
- Angular
- Vanilla JavaScript
Infragistics에 대해
1989년에 설립되어 뉴저지주 크랜버리에 본사를 둔 Infragistics는 전 세계적인 UI/UX 개발 분야의 선도 기업으로 자리매김했으며, 100개 이상의 국가에서 소프트웨어 전문가들에게 서비스를 제공합니다. .NET, Angular, React 및 기타 선도 기술에 맞춘 솔루션을 포함해, 웹, 데스크톱, 모바일 플랫폼을 지원하는 포괄적인 라이브러리와 프레임워크로 널리 알려져 있습니다. 유럽, 아시아, 남미 전역에 사무소를 두고 있는 Infragistics는 효율적인 애플리케이션 개발과 풍부한 사용자 경험을 가능하게 하는 컴포넌트를 제공합니다. 혁신과 고객 만족에 대한 이 회사의 헌신은 디지털 프로젝트에서 품질과 유연성을 추구하는 전 세계 개발자와 조직에게 신뢰할 수 있는 파트너로 자리하게 합니다.
