Jump to Content
Draftbit
HomeKnowledge Base
Sign up for Draftbit ↗My Draftbit ↗Community ↗Draftbit
Sign up for Draftbit ↗My Draftbit ↗Community ↗
HomeKnowledge Base

GETTING STARTED

  • Welcome to the Draftbit Knowledge Base!
  • Dashboard Overview
  • Introduction to the Builder
  • Using Live Preview
  • FAQs
  • Community Resources

BITS

  • Basic Components
    • View
    • Text
    • Icon
  • Containers
    • Map
    • Modal
    • Action Sheet
    • Swiper
    • Accordion
  • Buttons
    • Button Solid
    • Button Outline
    • Link
    • FAB
    • Icon Button
    • Touchable
    • Star Rating
  • Layout
    • Blur View
    • Center
    • Circle
    • Divider
    • Keyboard Avoiding View
    • Linear Gradient
    • Row
    • Scroll View
    • Spacer
    • Square
    • Stack
    • Surface
  • Media
    • Audio Player
    • Carousel
    • Circle Image
    • Image
    • Image Background
    • Video
    • Web View
  • Lists & Data
    • Fetch
    • List
  • Inputs & Controls
    • Activity Indicator
    • Checkbox
    • Date Picker
    • Picker
    • Radio Button Group
    • Radio Button
    • Radio Button Row
    • Slider
    • Stepper
    • Styled Text Area
    • Styled Text Field
    • Switch
    • Switch Row
    • Text Input

SAVED

  • Custom Blocks

STYLES TAB

  • Layout
  • Size & Position
  • Margins & Padding
  • Borders, Background, and Effects
  • Typography

VARIABLES

  • Variables
  • App Variables
  • Device Variables
  • Screen Variables
  • Variables with Custom Code
  • System Variables

PROJECT LEVEL SETTINGS

  • Themes Colors
  • Assets
  • Settings
  • Keyboard Shortcuts
  • GitHub Commit
  • Transform Functions
  • Bottom Panel

CUSTOM CODE

  • Custom Code
  • Custom Functions
  • Custom Components
  • Imported Packages
  • Code Editor

NAVIGATION AND ACTIONS

  • Intro to Navigation
  • Tab Navigator
  • Stack Navigator
  • Actions

WORKING WITH DATA

  • REST Services & Endpoints
  • Fetching Data
  • Submitting Data
  • Passing Data
  • Example Data

AUTHENTICATION

  • Intro to Authentication
  • Back4App
  • Backendless
  • Bubble
  • Supabase
  • Xano
  • Laravel

DATA INTEGRATIONS

  • REST API Integrations
    • Example Data
    • Airtable
    • Back4App
    • Backendless
    • Bubble CMS
    • Contentful
    • Directual
    • Sheety
    • Supabase
    • Unsplash
    • Webflow CMS
    • Wordpress.com CMS
    • Xano
    • Zapier

EXPORTING, PUBLISHING & SHARING

  • Publishing Your App
    • Publishing Your App to the Apple App Store
    • Publishing Your App to the Google Play Store
    • Exporting Your Project
    • Self-Publishing to the Apple App Store
    • Self-Publishing to the Google Play Store
    • Sharing Your Project Online

MISCELLANEOUS

  • Hidden Components

Buttons

Suggest Edits

A Button component allows users to send an API request, update a variable's value, save data, open a new screen, etc.

You can use one or many button components from the following list in forms, modals, cards, lists, etc.

Components

Button Solid

Button Outline

Link

FAB

Icon Button

Touchable

Star Rating

Updated 6 months ago


Did this page help you?