The Draftbit Docs

Welcome to the Draftbit documentation. You'll find comprehensive documentation and information to help you start working with Draftbit as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Lists & Data

Components that can be used to render a list of data from an external REST API.

List

The List component will generally be used inside of the Fetch component to display a list of entries from an API that has been connected to the Draftbit.

📘

If you're using the List component with a Fetch component, make sure you set the List component's Mapped Data Value to 'data' in the Data Tab.

Configuration

Parameter

Description

Fetch Render Item

Item: The default item to appear
Loading: Set the item to appear while data is loading
Empty: Set the item to appear when there is no data
Error: Set the item to appear when there is an error in fetching data

Horizontal

Enable so that the contents of the list display horizontally

Number of columns

Define the number of columns the list should display

Fetch

With the Fetch component, you're able to easily pull live data from a third party RESTful API directly into your apps in Draftbit. You're also able to use this component to store Global Variables and Pass Data using navigation params.

Data-enabled Components

Component

Data to be passed

Text

String

Video

Video URL (non-Youtube)

Image

Image URL

Image Background

Image URL

🚧

Note: There is no built-in validation for Image/Video URLS.

Adding an API to a Fetch component

You can add a new API in the Data tab on the left-hand side of the Builder and connect your API to the Fetch component in the Data Tab of the Properties Panel. Read more on the configuration options in the REST Services & Endpoints article.

Learn how to set-up a Fetch component in the Fetching Data article.

Creating a Navigate action

Creating a navigate action by adding navigation params to an endpoint will allow you to Pass Data between your screen.

Updated 2 months ago



Lists & Data


Components that can be used to render a list of data from an external REST API.

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.