Skip to content

Updates Image Examples page #44

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

Open
theMikeSwan wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Updates Image Examples page #44

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
13 changes: 13 additions & 0 deletions Sources/Pages/Examples/ImageExamples.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,19 @@ struct ImageExamples: StaticPage {

Text(markdown: "If you're working with large images, consider using the `lazy()` modifier to have them loaded lazily.")

Text(markdown: """
You can add image variations for things like higher density displays or dark mode with the `@2x` and `~dark` modifiers.
- `rug.jpg` - the base image
- `rug@2x.jpg` - the double sized image
- `rug~dark.jpg` - the version to use in dark mode
- `rug@2x~dark.jpg` - the double sized image for use in dark mode
""")

Alert {
Text(markdown: "The `~dark` image will only be used if the user's system is set to dark mode. If you manually switch to a dark mode Theme the base image will still be used. Likewise, the base image will be used if the user's system is in light mode regardless of what Theme is used.")
}
.role(.info)

Text("Icons")
.font(.title2)
.margin(.top, .xLarge)
Expand Down