Skip to main content

FavoritesShell API

The <FavoritesShell> component renders a horizontal list of the users currently favorited items. The user can click the item to launch it, or use a hotkey (CTRL+ALT+1 launches the first item, CTRL+ALT+2 the second, etc.).

Here's a screenshot:

FavoritesShell on the toolbar

Props​

<FavoritesShell> accepts no props.

Usage​

Here's how <FavoritesShell> is used in the default toolbar:

import { ToolbarShell, FavoritesShell, ToolbarSection } from "@finsemble/finsemble-core";

<ToolbarShell>
    ...
    <ToolbarSection>
        <FavoritesShell />
    </ToolbarSection>
    ...
</ToolbarShell>;