Skip to content

Correct the typo in Toggle/Toogle #584

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Feb 23, 2024
Merged

Correct the typo in Toggle/Toogle #584

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
2290d8a
fixes #583
mavaddat Feb 22, 2024
c22c29c
Merge pull request #2 from vikramlearning/master
mavaddat Feb 23, 2024
a3e1e71
Merge remote-tracking branch 'origin/master' into typo-1
mavaddat Feb 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions ...rBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_05_Toggle_Sidebar_to_Show_Icons_Only.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@

<main>
<div class="bb-top-row px-4 d-flex justify-content-between">
<Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
<Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

Expand Down Expand Up @@ -54,5 +54,5 @@
return navItems;
}

private void ToogleSidebar() => sidebar.ToggleSidebar();
private void ToggleSidebar() => sidebar.ToggleSidebar();
}
4 changes: 2 additions & 2 deletions BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_06_Show_Badge.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

<main>
<div class="bb-top-row px-4 d-flex justify-content-between">
<Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
<Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

Expand Down Expand Up @@ -55,5 +55,5 @@
return navItems;
}

private void ToogleSidebar() => sidebar.ToggleSidebar();
private void ToggleSidebar() => sidebar.ToggleSidebar();
}
4 changes: 2 additions & 2 deletions BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_07_Custom_Brand_Icon.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

<main>
<div class="bb-top-row px-4 d-flex justify-content-between">
<Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
<Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

Expand Down Expand Up @@ -55,5 +55,5 @@
return navItems;
}

private void ToogleSidebar() => sidebar.ToggleSidebar();
private void ToggleSidebar() => sidebar.ToggleSidebar();
}
4 changes: 2 additions & 2 deletions BlazorBootstrap.Demo.RCL/Pages/Sidebar/Sidebar_Demo_08_Show_Image_as_Brand_Logo.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

<main>
<div class="bb-top-row px-4 d-flex justify-content-between">
<Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
<Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

Expand Down Expand Up @@ -55,5 +55,5 @@
return navItems;
}

private void ToogleSidebar() => sidebar.ToggleSidebar();
private void ToggleSidebar() => sidebar.ToggleSidebar();
}
2 changes: 1 addition & 1 deletion blazorbootstrap/Components/Button/Button.razor.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -496,6 +496,6 @@ public Size Size

// TODO: Review
// - Disable text wrapping: https://getbootstrap.com/docs/5.1/components/buttons/#disable-text-wrapping
// - Toogle states: https://getbootstrap.com/docs/5.1/components/buttons/#toggle-states
// - Toggle states: https://getbootstrap.com/docs/5.1/components/buttons/#toggle-states
// - IDispose
}
6 changes: 3 additions & 3 deletions docs/docs/05-components/buttons.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -217,11 +217,11 @@ Create responsive stacks of full-width, "block buttons" like those in Bootstrap

[See block buttons demo here.](https://demos.blazorbootstrap.com/buttons#block-buttons)

### Toogle States
### Toggle States

If you''re pre-toggling a button, you must manually add the `Active="true"` parameter.

<img src="https://i.imgur.com/JH9SZxQ.jpg" alt="Blazor Bootstrap: Button Component - Button Toogle States" />
<img src="https://i.imgur.com/JH9SZxQ.jpg" alt="Blazor Bootstrap: Button Component - Button Toggle States" />

```cshtml showLineNumbers
<p>
Expand All @@ -231,7 +231,7 @@ If you''re pre-toggling a button, you must manually add the `Active="true"` para
</p>
```

[See button toogle states demo here.](https://demos.blazorbootstrap.com/buttons#toggle-states)
[See button toggle states demo here.](https://demos.blazorbootstrap.com/buttons#toggle-states)

### Loading spinner

Expand Down
16 changes: 8 additions & 8 deletions docs/docs/05-components/sidebar.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -282,7 +282,7 @@ Call `ToggleSidebar()` method to toggle the Sidebar to show the icons only.

<main>
<div class="bb-top-row px-4 d-flex justify-content-between">
<Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
<Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

Expand Down Expand Up @@ -329,7 +329,7 @@ Call `ToggleSidebar()` method to toggle the Sidebar to show the icons only.
return navItems;
}

private void ToogleSidebar() => sidebar.ToggleSidebar();
private void ToggleSidebar() => sidebar.ToggleSidebar();
}
```

Expand All @@ -352,7 +352,7 @@ A badge is useful when displaying the application version, environment, or other

<main>
<div class="bb-top-row px-4 d-flex justify-content-between">
<Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
<Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

Expand Down Expand Up @@ -399,7 +399,7 @@ A badge is useful when displaying the application version, environment, or other
return navItems;
}

private void ToogleSidebar() => sidebar.ToggleSidebar();
private void ToggleSidebar() => sidebar.ToggleSidebar();
}
```

Expand All @@ -422,7 +422,7 @@ Use the `CustomIconName` parameter to set the custom logo icon using font awesom

<main>
<div class="bb-top-row px-4 d-flex justify-content-between">
<Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
<Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

Expand Down Expand Up @@ -469,7 +469,7 @@ Use the `CustomIconName` parameter to set the custom logo icon using font awesom
return navItems;
}

private void ToogleSidebar() => sidebar.ToggleSidebar();
private void ToggleSidebar() => sidebar.ToggleSidebar();
}
```

Expand All @@ -492,7 +492,7 @@ Use the `ImageSrc` parameter to set the brand logo.

<main>
<div class="bb-top-row px-4 d-flex justify-content-between">
<Icon Name="IconName.List" role="button" @onclick="ToogleSidebar" />
<Icon Name="IconName.List" role="button" @onclick="ToggleSidebar" />
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

Expand Down Expand Up @@ -539,7 +539,7 @@ Use the `ImageSrc` parameter to set the brand logo.
return navItems;
}

private void ToogleSidebar() => sidebar.ToggleSidebar();
private void ToggleSidebar() => sidebar.ToggleSidebar();
}
```

Expand Down