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    

Buttons

Components that allow users to complete actions on click

Button Solid / Button Outline

Configuration

Parameter

Description

Icon Name

The name of the Icon.

Color Override

Select a button color other than the theme's default selection.

Loading

Display a loading indicator in the button in lieu of the icon.

Label

Set the text to be displayed on the button.

Label Color Override

Select the color of the text to be displayed on the button other than the theme's default selection.

Disabled

Removes button functionality and grays out the label and icon.

Resources

React Native Docs
Expo Docs

FAB

A FAB, or Floating Action Button, represents the primary action of the screen and is normally positioned above the rest of the screen's content.

Configuration

Parameter

Description

Icon name

Allows you to select an icon from the icon picker to be displayed on the FAB (Icon will be on the left of the Label when using FAB Extended or FAB Outline).

Color Override

Select a button color other than the theme's default selection.

Label

Set the text to be displayed on the button.

Resources

Material Design

Radio Button Group

Configuration

Parameter

Description

Radio Items

The name and icon for each button in the group

Icon Size

The size of the icon in the button label

Horizontal/Vertical

The orientation of the button group

Field Name

The name of the field the state is saved in

Label Style

The font of the button labels

Active Color

The color of the button background when selected

Border Color

The color of the border separating each item in the button group

Border Radius

Set how round the outer edges of the button group are

Selected Content Color

The color of the button label and icon when selected

Inactive Color

The color of the button background when not selected

Option Spacing

Set the distance between radio items in the button group

Unselected Content Color

The color of the button label and icon when not= selected

Updated 2 months ago


Buttons


Components that allow users to complete actions on click

Suggested Edits are limited on API Reference Pages

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