Input BlocksInput blocks are used to collect information from users. They are often used in forms that users can fill out, but can also be used to gather information from users in other ways, such as search bars or filters.
Input
Used to request a small amount of information such as a name or email.
Properties reference
Prop Name
Type
Default
  • Initial Value
    Text
    -
  • Placeholder
    Text
    “Enter some text…”
  • Format
    “Text” | “Email” | “Password” | “Phone” | “Search” | “URL” | “Hidden”
    Text
  • Required
    Boolean
    -
  • Is Disabled
    Boolean
    -
Select
Displays a menu of mutually exclusive options
Properties reference
Prop Name
Type
Default
  • Type
    Data Types
    -
  • Options
    Data Selector
    -
  • Label
    Text
    -
  • Initial Value
    Text
    -
  • Is Disabled
    Boolean
    -
Text Area
Used to request multiline text like a user profile bio.
Properties reference
Prop Name
Type
Default
  • Initial Value
    Text
    -
  • Placeholder
    Text
    “Enter some text…”
  • Required
    Boolean
    -
  • Is Disabled
    Boolean
    -
Checkbox
Content
Properties reference
Prop Name
Type
Default
  • Label
    Text
    -
  • Color Scheme
    Color
    -
  • Initial Value
    Text
    -
  • Placeholder
    Boolean
    -
  • Is Disabled
    Boolean
    -
Date Input
Allows a user to select from a list of days, months, or years. Dates in the date input are always show relative to the current users timezone and the selected value is in UTC.
Properties reference
Prop Name
Type
Default
  • Initial Value
    Date
    -
  • Placeholder
    Text
    “Enter a date…”
  • Required
    Boolean
    -
  • Is Disabled
    Boolean
    -
File Upload
Allows a user to upload files to your app. The file upload accepts children which is useful if you want to add an icon or text for more context. Dragging a file into the file upload area is not yet supported.
Properties reference
Prop Name
Type
Default
  • File Type
    “Image” | “Video” | “File”
    Image
  • Extensions
    Text
    -
  • Max Files
    Number
    -
  • Min Size
    Number
    -
  • Max Size
    Number
    -
  • Max Size
    Number
    -
Number Input
Content
Properties reference
Prop Name
Type
Default
  • Initial Value
    Number
    -
  • Placeholder
    Text
    “Enter a number…”
  • Required
    Boolean
    -
  • Hide Controls
    Boolean
    -
  • Is Disabled
    Boolean
    -