Thomas
f18033ddaa
Co-authored-by: Homarr Update Contributors <210161987+homarr-update-contributors[bot]@users.noreply.github.com> Co-authored-by: Crowdin Homarr <190541745+homarr-crowdin[bot]@users.noreply.github.com> Co-authored-by: Releases Homarr <175486441+homarr-releases[bot]@users.noreply.github.com> Co-authored-by: Thomas <thomas@ajnart.fr> Co-authored-by: homarr-releases[bot] <175486441+homarr-releases[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: homarr-update-contributors[bot] <210161987+homarr-update-contributors[bot]@users.noreply.github.com> Co-authored-by: homarr-crowdin[bot] <190541745+homarr-crowdin[bot]@users.noreply.github.com> Co-authored-by: Afonso Jorge Ramos <afonsojorgeramos@gmail.com> Co-authored-by: Danura30082 <danura30082+github@gmail.com> Co-authored-by: Kushie <122986913+kushiemoon-dev@users.noreply.github.com> Closes #6604
54 lines
2.3 KiB
Plaintext
54 lines
2.3 KiB
Plaintext
---
|
|
title: "Bookmarks"
|
|
description: "Keeps useful links together"
|
|
hide_title: true
|
|
---
|
|
|
|
import { WidgetInteractionGuide } from "@site/src/components/widgets/interactions";
|
|
|
|
import { AddingWidget } from "@site/src/components/widgets/adding";
|
|
import { WidgetConfig } from "@site/src/components/widgets/configuration";
|
|
import { WidgetHeader } from "@site/src/components/widgets/header";
|
|
import { bookmarksWidget } from ".";
|
|
|
|
<WidgetHeader widget={bookmarksWidget} categories={["Links", "Apps"]} />
|
|
|
|
The Bookmarks widget keeps direct URLs and Homarr Apps in one ordered list. URLs do not require an App record; Homarr
|
|
uses the site's favicon when available. Choose adaptive, compact-grid, or other layouts from the widget configuration.
|
|
Vertical uses consistent compact rows and keeps bookmark names visible whenever the widget is wide enough, regardless
|
|
of how many bookmarks are configured. Adaptive and grid layouts reduce card height and spacing to show as many
|
|
bookmarks as possible before scrolling. Horizontal uses a compact, centered scrolling row with narrower cards in
|
|
one-row widgets. Horizontal, vertical, compact-grid, and icon-only layouts keep their gaps tight. Compact grid also
|
|
preserves its configured columns when the dashboard is scaled. Bookmark cards, icons, text, and gaps keep the same
|
|
visual density when a low-column dashboard is enlarged to fill the screen.
|
|
|
|
Right-click a bookmark link in view mode to use the browser menu, including opening it in a new tab or copying its address.
|
|
|
|
### Screenshots
|
|
|
|
import gridIconsOnly from "./img/grid-icons-only.png";
|
|
import gridWithTitle from "./img/grid-with-title.png";
|
|
import verticalListAll from "./img/vertical-list-all.png";
|
|
import verticalListSimple from "./img/vertical-list-simple.png";
|
|
|
|
<div className='flex gap-1'>
|
|
<div className='flex flex-col gap-1'>
|
|
<img src={gridIconsOnly} alt="bookmarks grid icons-only" width={128} height={128} />
|
|
<img src={verticalListSimple} alt="bookmarks vertical-list no-domain" width={128} height={128} />
|
|
</div>
|
|
|
|
<img src={gridWithTitle} alt="bookmarks grid with-title" width={256 + 4} height={256 + 4} />
|
|
<img src={verticalListAll} alt="bookmarks vertical-list all-elements" width={128} height={256 + 4} />
|
|
|
|
</div>
|
|
|
|
<WidgetInteractionGuide />
|
|
|
|
### Adding the widget
|
|
|
|
<AddingWidget />
|
|
|
|
### Configuration
|
|
|
|
<WidgetConfig configuration={bookmarksWidget.configuration} />
|