@ds-kit/app-listing

---

title: "AppListing" slug: "/packages/app-listing" category: "layout" componentNames:

• "AppListing"
• "AppCard"

---

AppListing

The AppListing component is used across pages to list apps. It creates a slider, which can accommodate any number of apps.

To see the app listing component in action, check out the home pattern.

To get started with the app listing, import it from @ds-kit/app-listing.

import { AppCard, AppListing } from "@ds-kit/app-listing"

Basic Example

A basic example of an app listing can look like this:

<AppListing>
  <AppCard
    seo={{
      title: "Datastorys nyhetsindex",
      description: "Hur svenska medier bevakar världen. Uppdateras varje dag.",
      image: {
        url: "https://www.datocms-assets.com/5436/1544189453-nya-vis.png",
      },
    }}
  />
</AppListing>