Skip to main content

Favorite feed

The Favorite feed allows users to easily access and manage stories they've marked as favorites. When a user adds a story to their favorites, it is saved in this list, providing quick and convenient access to their preferred content.

Customization StoryFavoriteReader

The favorite stories reader can be customized to fit the specific needs and preferences of your application

VariableTypeDescription
title.contentstringTitle text. Default value - "Favorite".
title.colorstringCSS valid color value. Default white
title.fontstringCSS valid font value. Override font.
Default normal 1.4rem/1.2 InternalPrimaryFont where InternalPrimaryFont - primary font, loaded in project settings. In some cases you will need to connect fonts manually
title.backgroundColorstringStoryFavoriteReader header bg color. CSS valid color value. Default #333333.
closeButtonPositionstringClose button position, one of start, end. Default end.
closeButtonobjectOverride close button svg icon. (Override value from commonOptions)
headerTopOffsetnumberHeader top offset, px (with save bg color). Default 0.
bottomOffsetnumberBottom offset, px (with save bg color). Default 0.
backgroundColornumberStoryFavoriteReader body bg color. CSS valid color value. Default #333333.
import { AppearanceManager } from "@inappstory/js-sdk";

const appearanceManager = new AppearanceManager();
appearanceManager.setStoryFavoriteReaderOptions({
title: {
content: "Favorites"
}
})