Steedos App Builder

Steedos Platform · Docs · Report a bug · Discussions

Steedos Low-Code App Builder, an alternative to Salesforce App Builder. use metadata to define apps, including components, forms, tables, pages, layout and routes.

You can use Builder.IO Fiddle for visual page design.

🤖 🎨 🚀

Build In Components

Standard Components

Provide standard components to working on all projects, based on Ant Design ProComponents .

• Form
• FormField
• Layout
• Editable DataTable

Steedos Business Object Components

Provide components to query Steedos Objects

• Object Form
• Object DataTable

Design App with Builder.IO

You can use Builder.IO Fiddle as an no-code editor to design you app.

Standard Components For Design

Form

name: Steedos:Form props:

• layout, horizontal | vertical | inline, defaultValue: horizontal
• columns, number, defaultValue: 2
• mode, read | edit | update, defaultValue: read
• initialValues, object, a json
• onValuesChange, text, a function string
• onSubmit, text, a function string

childrens: FormField

FormField

name: Steedos:FormField

props:

• name, the field name
• label, the field label
• valueType, the field value type, ProFieldValueType | ProFieldValueObjectType, defaultValue: text
• mode, read | edit | update, defaultValue: read
• required, boolean, defaultValue: false
• colSpan, number, defaultValue: 1
• help, ReactNode
• tooltip, ReactNode | TooltipProps & { icon: ReactNode }
• valueEnum, {[key:string|number]:any}, only valid for the select valueType, see ProFormSelect for detail.

Steedos Business Object Components For Design

Object Form

name: Steedos:ObjectForm

Object DataTable

name: Steedos:ObjectDataTable

Design App with json

You can write json file to design your app.

Page Section

{
  "@type": "@steedos/builder-sdk:Section",
  "blocks":[
    {
      "@type":"@builder.io/sdk:Element",
      "component":{
        "name":"Text",
        "options":{"text":"Hello Steedos ..."}
      },
      "responsiveStyles":{
        "large":{
          "position":"relative"
        }
      }
    }
  ]
}

Page

{
  "@type": "@steedos/builder-sdk:Page",
  "title": "Hello Steedos",
  "description": "This page is generated by Steedos App Builder.",
  "blocks":[
    {
      "@type":"@builder.io/sdk:Element",
      "component":{
        "name":"Text",
        "options":{"text":"Hello Steedos ..."}
      },
      "responsiveStyles":{
        "large":{
          "position":"relative"
        }
      }
    }
  ]
}

Layout

{
  "@type": "@steedos/builder-sdk:Layout",
  "title": "Hello Steedos",
  "logo": "https://www.steedos.com/img/logo_platform.png",
  "description": "This page is generated by Steedos App Builder.",
  "menuPosition": "top",
  "menus":[{
    "title": "Home",
    "route": "/"
  }]
}

App

{
  "@type": "@steedos/builder-sdk:App",
  "title": "Hello Steedos",
  "description": "This app is generated by Steedos App Builder.",
  "routes": [
  ],
  "layouts": [
  ],
  "pages": [
  ]
}