50 lines
2.0 KiB
Plaintext
50 lines
2.0 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.
|
|
Paste a URL and press Enter, paste several comma-separated or one-per-line URLs, or search for an existing App.
|
|
URLs do not need an App record; Homarr uses the site's favicon and falls back to a link icon when it cannot load one.
|
|
Bookmarks selected from Apps continue to use the App name, URL, icon, and description.
|
|
|
|
**Adaptive** layout is the practical default: it changes between icons, compact rows, and tiles as the widget changes shape. Every compact item exposes its destination on hover, while advanced view expands items into descriptive cards.
|
|
|
|
### 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} />
|