Skip to content

Commit 4d1aad7

Browse files
gvreddy04gvreddy04
authored
icons setup guide (#38)
- Added "Setup" sections to the documentation for both Bootstrap and Google Font icons, instructing users on how to include the necessary CSS files via CDN. - Updated installation snippets in the documentation to provide direct links to the Bootstrap Icons and Google Fonts CSS. - Modified the project file to adjust the included snippet files related to these icon sets. - The "Parameters" sections in the documentation remain unchanged.
1 parent f385a0c commit 4d1aad7

7 files changed

Lines changed: 35 additions & 0 deletions

File tree

‎BlazorExpress.Bulma.Demo.RCL/BlazorExpress.Bulma.Demo.RCL.csproj‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,11 @@
1717
<None Include="Pages\Docs\GettingStarted\net8\02_A_Manual_Install_04_Snippet.razor" />
1818
<Compile Remove="Pages\Docs\GettingStarted\net8\02_A_Manual_Install_05_Snippet.cs" />
1919
<Content Include="Pages\Docs\GettingStarted\net8\02_A_Manual_Install_05_Snippet.cs" />
20+
<!-- Icons -->
21+
<Content Remove="Pages\Docs\Icons\BootstrapIcons\BootstrapIcons_Install_Snippet.razor" />
22+
<Content Include="Pages\Docs\Icons\BootstrapIcons\BootstrapIcons_Install_Snippet.razor" />
23+
<Content Remove="Pages\Docs\Icons\GoogleFontIcons\GoogleFontIcons_Install_Snippet.razor" />
24+
<Content Include="Pages\Docs\Icons\GoogleFontIcons\GoogleFontIcons_Install_Snippet.razor" />
2025
</ItemGroup>
2126

2227
<ItemGroup>

‎BlazorExpress.Bulma.Demo.RCL/Pages/Demos/Icons/BootstrapIcons/BootstrapIconDocumentation.razor‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,13 @@
1111

1212
<DocsLink Href="@DemoRouteConstants.Docs_BootstrapIcons_Documentation" />
1313

14+
<Section Class="p-0" Size="HeadingSize.H3" Name="Setup" PageUrl="@pageUrl" Link="setup">
15+
<Block>
16+
Before using bootrap icons, include the Bootstrap Icons CSS file in your project.
17+
</Block>
18+
<CodeChunk Class="mt-3" LanguageCode="LanguageCode.HTML" ProjectRootClassType="DemoAppConstants.ProjectRootClassType" FilePath="~\Pages\Docs\Icons\BootstrapIcons\BootstrapIcons_Install_Snippet.razor" />
19+
</Section>
20+
1421
<Section Class="p-0" Size="HeadingSize.H3" Name="Example" PageUrl="@pageUrl" Link="example">
1522
<Demo Type="typeof(BootstrapIcon_Demo_01_How_it_works)" Tabs="false" />
1623
</Section>

‎BlazorExpress.Bulma.Demo.RCL/Pages/Demos/Icons/GoogleFontIcons/GoogleFontIconDocumentation.razor‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,13 @@
1111

1212
<DocsLink Href="@DemoRouteConstants.Docs_GoogleFontIcons_Documentation" />
1313

14+
<Section Class="p-0" Size="HeadingSize.H3" Name="Setup" PageUrl="@pageUrl" Link="setup">
15+
<Block>
16+
Before using google font icons, include the Google Font Icons CSS file in your project.
17+
</Block>
18+
<CodeChunk Class="mt-3" LanguageCode="LanguageCode.HTML" ProjectRootClassType="DemoAppConstants.ProjectRootClassType" FilePath="~\Pages\Docs\Icons\GoogleFontIcons\GoogleFontIcons_Install_Snippet.razor" />
19+
</Section>
20+
1421
<Section Class="p-0" Size="HeadingSize.H3" Name="Example" PageUrl="@pageUrl" Link="example">
1522
<Demo Type="typeof(GoogleFontIcon_Demo_01_How_it_works)" Tabs="true" />
1623
</Section>

‎BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Icons/BootstrapIcons/BootstrapIcons_Doc_01_Documentation.razor‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,13 @@
1313

1414
<DemoLink Href="@DemoRouteConstants.Demos_BootstrapIcons_Documentation" />
1515

16+
<Section Class="p-0" Size="HeadingSize.H3" Name="Setup" PageUrl="@pageUrl" Link="setup">
17+
<Block>
18+
Before using bootrap icons, include the Bootstrap Icons CSS file in your project.
19+
</Block>
20+
<CodeChunk Class="mt-3" LanguageCode="LanguageCode.HTML" ProjectRootClassType="DemoAppConstants.ProjectRootClassType" FilePath="~\Pages\Docs\Icons\BootstrapIcons\BootstrapIcons_Install_Snippet.razor" />
21+
</Section>
22+
1623
<Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
1724
<DocxTable TItem="BootstrapIcon" DocType="DocType.Parameters" />
1825
</Section>

‎BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Icons/BootstrapIcons/BootstrapIcons_Install_Snippet.razor‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />

‎BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Icons/GoogleFontIcons/GoogleFontIcons_Doc_01_Documentation.razor‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,13 @@
1313

1414
<DemoLink Href="@DemoRouteConstants.Demos_GoogleFontIcons_Documentation" />
1515

16+
<Section Class="p-0" Size="HeadingSize.H3" Name="Setup" PageUrl="@pageUrl" Link="setup">
17+
<Block>
18+
Before using google font icons, include the Google Font Icons CSS file in your project.
19+
</Block>
20+
<CodeChunk Class="mt-3" LanguageCode="LanguageCode.HTML" ProjectRootClassType="DemoAppConstants.ProjectRootClassType" FilePath="~\Pages\Docs\Icons\GoogleFontIcons\GoogleFontIcons_Install_Snippet.razor" />
21+
</Section>
22+
1623
<Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
1724
<DocxTable TItem="GoogleFontIcon" DocType="DocType.Parameters" />
1825
</Section>

‎BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Icons/GoogleFontIcons/GoogleFontIcons_Install_Snippet.razor‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

0 commit comments

Comments
 (0)