From 9172b7980dbf2e9433eb28e6a75798618af81879 Mon Sep 17 00:00:00 2001 From: Peace Date: Wed, 26 Jun 2024 12:01:04 +0900 Subject: [PATCH] typography --- ComponentPractice/ComponentPractice.sln | 2 +- .../ComponentPractice/Components/App.razor | 3 +- .../Components/Layout/NavMenu.razor | 6 ++ .../Components/Pages/Typo.razor | 76 +++++++++++++++++++ 4 files changed, 85 insertions(+), 2 deletions(-) create mode 100644 ComponentPractice/ComponentPractice/Components/Pages/Typo.razor diff --git a/ComponentPractice/ComponentPractice.sln b/ComponentPractice/ComponentPractice.sln index 01781a0..38a421d 100644 --- a/ComponentPractice/ComponentPractice.sln +++ b/ComponentPractice/ComponentPractice.sln @@ -3,7 +3,7 @@ Microsoft Visual Studio Solution File, Format Version 12.00 # Visual Studio Version 17 VisualStudioVersion = 17.10.34916.146 MinimumVisualStudioVersion = 10.0.40219.1 -Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ComponentPractice", "ComponentPractice\ComponentPractice.csproj", "{221B940B-EBFE-406E-BCB0-692A08E785FA}" +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "ComponentPractice", "ComponentPractice\ComponentPractice.csproj", "{221B940B-EBFE-406E-BCB0-692A08E785FA}" EndProject Global GlobalSection(SolutionConfigurationPlatforms) = preSolution diff --git a/ComponentPractice/ComponentPractice/Components/App.razor b/ComponentPractice/ComponentPractice/Components/App.razor index 813c26c..6a1289d 100644 --- a/ComponentPractice/ComponentPractice/Components/App.razor +++ b/ComponentPractice/ComponentPractice/Components/App.razor @@ -16,7 +16,8 @@ - + + @* *@ diff --git a/ComponentPractice/ComponentPractice/Components/Layout/NavMenu.razor b/ComponentPractice/ComponentPractice/Components/Layout/NavMenu.razor index a25bf2a..287328f 100644 --- a/ComponentPractice/ComponentPractice/Components/Layout/NavMenu.razor +++ b/ComponentPractice/ComponentPractice/Components/Layout/NavMenu.razor @@ -25,6 +25,12 @@ Weather + +
+ + Typo + +
diff --git a/ComponentPractice/ComponentPractice/Components/Pages/Typo.razor b/ComponentPractice/ComponentPractice/Components/Pages/Typo.razor new file mode 100644 index 0000000..f4ddaf2 --- /dev/null +++ b/ComponentPractice/ComponentPractice/Components/Pages/Typo.razor @@ -0,0 +1,76 @@ +@page "/typo" + +@rendermode RenderMode.InteractiveServer + +Text Style +
+ Heading 1 + Heading 2 + Heading 3 + Heading 4 + Heading 5 + Heading 6 + Subtitle 1 + Subtitle 2 + + Body1 This is body1 + + + Body2 This is body2 + + Button
+ Caption
+ Overline
+
+ +Text Align + + + Center
+ 칼까지 매출액에 빨랫줄의 동쪽의, 수 나아가아, 노래가 단 깎는다 죽이다. 계속 풀고 때까지 무심하고 엉덩이에 날아가아요. 경적이 오지요, 또 매점의 지금 이곳에서 어제의 왕복의 한에 얼마에서 오르다. 죽으면 나타나아 마치 제한되어요 자금으로 여성이다 유물에 있는 실천할까 편하다. 말합니까 것 그렇어 낭만적 주제에게 방법의, 변화시킬 생물체를 좋다. 재료와 삼다 순경에 재채기다 즐기고, 대로 나다. + + + Left
+ 칼까지 매출액에 빨랫줄의 동쪽의, 수 나아가아, 노래가 단 깎는다 죽이다. 계속 풀고 때까지 무심하고 엉덩이에 날아가아요. 경적이 오지요, 또 매점의 지금 이곳에서 어제의 왕복의 한에 얼마에서 오르다. 죽으면 나타나아 마치 제한되어요 자금으로 여성이다 유물에 있는 실천할까 편하다. 말합니까 것 그렇어 낭만적 주제에게 방법의, 변화시킬 생물체를 좋다. 재료와 삼다 순경에 재채기다 즐기고, 대로 나다. + + + Right
+ 칼까지 매출액에 빨랫줄의 동쪽의, 수 나아가아, 노래가 단 깎는다 죽이다. 계속 풀고 때까지 무심하고 엉덩이에 날아가아요. 경적이 오지요, 또 매점의 지금 이곳에서 어제의 왕복의 한에 얼마에서 오르다. 죽으면 나타나아 마치 제한되어요 자금으로 여성이다 유물에 있는 실천할까 편하다. 말합니까 것 그렇어 낭만적 주제에게 방법의, 변화시킬 생물체를 좋다. 재료와 삼다 순경에 재채기다 즐기고, 대로 나다. + + + End
+ 칼까지 매출액에 빨랫줄의 동쪽의, 수 나아가아, 노래가 단 깎는다 죽이다. 계속 풀고 때까지 무심하고 엉덩이에 날아가아요. 경적이 오지요, 또 매점의 지금 이곳에서 어제의 왕복의 한에 얼마에서 오르다. 죽으면 나타나아 마치 제한되어요 자금으로 여성이다 유물에 있는 실천할까 편하다. 말합니까 것 그렇어 낭만적 주제에게 방법의, 변화시킬 생물체를 좋다. 재료와 삼다 순경에 재채기다 즐기고, 대로 나다. + + + Justify
+ 칼까지 매출액에 빨랫줄의 동쪽의, 수 나아가아, 노래가 단 깎는다 죽이다. 계속 풀고 때까지 무심하고 엉덩이에 날아가아요. 경적이 오지요, 또 매점의 지금 이곳에서 어제의 왕복의 한에 얼마에서 오르다. 죽으면 나타나아 마치 제한되어요 자금으로 여성이다 유물에 있는 실천할까 편하다. 말합니까 것 그렇어 낭만적 주제에게 방법의, 변화시킬 생물체를 좋다. 재료와 삼다 순경에 재채기다 즐기고, 대로 나다. + + + +Text Colors + + --rz-text-color + --rz-text-secondary-color + --rz-text-tertiary-color + --rz-text-disabled-color +
+ --rz-text-contrast-color +
+ + +Text Wrap + +
+ This text warps. +
+
+ This text does not wrap. +
+
+ This text is truncated. +
+ + +@code { + +}