Skip to content
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

Next #112

Merged
merged 4 commits into from
Jan 7, 2025
Merged

Next #112

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
4dfef3d
Fix scroll position restoration with ViewTransitions
Mood93 Jan 2, 2025
4e1558a
Merge pull request #110 from Mood93/fix-scroll-position
markteekman Jan 7, 2025
ad12ac1
Typo in text and add roles to Notifications as example usage
markteekman Jan 7, 2025
9545a96
Update Astro and dependencies
markteekman Jan 7, 2025
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
Prev Previous commit
Next Next commit
Typo in text and add roles to Notifications as example usage
  • Loading branch information
@markteekman
markteekman committed Jan 7, 2025
commit ad12ac1e169f05d3d65ad31cd92274ebc3502486
10 changes: 5 additions & 5 deletions src/pages/accessible-components.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ import {
<h1>Accessible Components</h1>
<p class="text-2xl">
This theme has a lot of extra a11y components provided by the <a
href="https://github.com/markteekman/accessible-astro-components">Accessible Astro Component</a
href="https://github.com/markteekman/accessible-astro-components">Accessible Astro Components</a
> NPM package to help you build accessible pages faster:
</p>
</div>
Expand Down Expand Up @@ -159,23 +159,23 @@ import {
<Notification>
<Icon name="ion:notifications-outline" /><p><strong>Message:</strong> This is a notification!</p>
</Notification>
<Notification type="info">
<Notification role="status" type="info">
<Icon name="ion:information-circle-outline" /><p>
<strong>Info:</strong> This is a notification of type info.
</p>
</Notification>
<Notification type="success">
<Notification role="status" type="success">
<Icon name="ion:checkbox-outline" /><p>
<strong>Success:</strong> This is a notification of type success.
</p>
</Notification>
<Notification type="warning">
<Notification role="status" type="warning">
<Icon name="ion:warning-outline" /><p>
<strong>Warning:</strong> This is a notification of type warning and goes on multiple lines to see how that
looks.
</p>
</Notification>
<Notification type="error">
<Notification role="alert" type="error">
<Icon name="ion:alert-circle-outline" /><p>
<strong>Error:</strong> This is a notification of type error.
</p>
Expand Down