πŸ”’ Resource List

Creates a list of resource cards that lists all the resources the user owns directly.

<manifold-resource-list></manifold-resource-list>

Link format

To navigate using a traditional <a> tag, specify a resource-link-format attribute, using :resource as a placeholder:

<manifold-resource-list resource-link-format="/resource/:resource"></manifold-resource-list>

Note that this will disable the custom event unless preserve-event is passed as well.

Polling interval

This will change the polling interval from 3000 ms (3 seconds, default) to 10000 ms (10 seconds):

<manifold-resource-list poll-interval="10000"></manifold-resource-list>

Pausing updates

By default, this component will subscribe to updates from the server. To disable that, pass the paused attribute:

<manifold-resource-list paused></manifold-resource-list>

Loading state

By default, this component generates its own loading state with 4 placeholder cards, so loading is handled for you. But optionally, you can display a message below while loading by passing in a slot="loading" child (docs):

<manifold-resource-list>
  <div slot="loading">Loading…</div>
</manifold-resource-list>

No resources state

You can pass in your own "no resources" state for the componenent by passing in any element with slot="no-resources" as an attribute. Read more about slots.

<manifold-resource-list>
  <div slot="no-resources">No resources here</div>
</manifold-resource-list>

Context (team, org, etc.)

To filter the resource list by an owner-id that provides a different context than just the user context (e.g. team resources), you can provide the owner-id to filter by:

<manifold-resource-list owner-id="team-123"></manifold-resource-list>

Example