@contentful/f36-entity-list

Forma 36: EntityList component

Usage no npm install needed!

<script type="module">
  import contentfulF36EntityList from 'https://cdn.skypack.dev/@contentful/f36-entity-list';
</script>

README

title: 'EntityList' type: 'component' status: 'stable' slug: /components/entity-list/ github: 'https://github.com/contentful/forma-36/tree/master/packages/components/entity-list' storybook: 'https://v4-f36-storybook.netlify.app/?path=/story/components-entity-list--default' typescript: ./src/EntityList.tsx,./src/EntityListItem/EntityListItem.tsx

The EntityList is used to represent lists of entities (entries and assets). This component should be used in combination with the EntityList.Item component. Its main purpose is to be used to entries or assets when in a list context, for example, a multiple entry reference field. It differs from existing EntryCard/AssetCard components as its intended use is for lists of entities, not individual ones.

Import

import { EntityList } from '@contentful/f36-components';
// or
import { EntityList } from '@contentful/f36-entity-list';

Examples

Basic

With actions menu

With drag handle

Props (API reference)

EntityList

EntityList.Item