nuget 패키지에서 Radzen.blazor를 설치합니다.
_Imports.razor 파일에
@using Radzen
@using Radzen.Blazor
를 추가합니다.
server-side Blazor면 _Host.cshtml , 클라이언트 client-side WebAssembly Blazor면 wwwroot/index.html 파일을 연 후
<link rel=”stylesheet” href=”_content/Radzen.Blazor/css/default-base.css”>
를 추가합니다. 만약 부트스트랩이 포함된 버전을 사용하고 싶다면
<link rel=”stylesheet” href=”_content/Radzen.Blazor/css/default.css”>
를 입력해 줍니다.
관련된 자바스크립트를 사용하기 위해서
<script src=”_content/Radzen.Blazor/Radzen.Blazor.js”></script>
를 입력해 줍니다.
테스트를 해봅니다.
잘 적용되었습니다.
Dialog, Notification, ContextMenu and Tooltip components를 사용하기 위해서는 추가해줄것들이 남아있습니다.
Shared/MainLayout.razor 파일을 열어준 후
<RadzenDialog/><RadzenNotification/><RadzenContextMenu/><RadzenTooltip/>
를 입력해 줍니다.
server-side Blazor면 Startup.cs , 클라이언트 client-side WebAssembly Blazor면 Program.cs파일을 연 후
DialogService, NotificationService, ContextMenuService, TooltipService 서비스들을 추가해줍니다.
완료!
다양한 컴포넌트를 사용할 수 있습니다.
No Comments