Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
const fields = [
{
type: "text",
name: "user_name",
icon: "ios-person",
iconOrientation: "right",
required: true,
label: "Username",
editable: true,
props: {} /* If you want to add some extra props like autoCapitalize or
autoFocus only available for textInput*/
},
{
type: "password",
name: "password",
icon: "ios-lock",
required: true,
label: "Password",
props: {
secureTextEntry: true
}
},
{
type: "date",
mode: "date", // 'time', 'datetime'
name: "birthday",
label: "Birthday",
maxDate: new Date(2010, 7, 1)
},
{
type: "group",
name: "work_address",
label: "Address",
fields: [
{
type: "text",
name: "city",
label: "City"
// defaultValue: 'Bangalore',
},
{
type: "text",
name: "country",
label: "Country"
// defaultValue: 'India',
}
]
},
{
type: "select", // required
name: "select", // required
multiple: true, // default false
required: true, // default false
label: "Select", // required
labelKey: "name", // tells the display key (required)
primaryKey: "id", // tells the unique key (required)
objectType: true, // tells the type of values is object default false
options: [
// required
{
id: 1,
name: "CAR"
},
{
id: 2,
name: "BIKE"
},
{
id: 3,
name: "BICYCLE"
}
],
// options: ['CAR', 'BIKE', 'BICYCLE'],
defaultValue: [
{
// In case of multiple it will be an array otherwise it will be an object
id: 3,
name: "BICYCLE"
}
]
// defaultValue: ['CAR', 'BIKE'],
},
{
type: "select", // required
name: "status", // required
label: "Status", // required
options: ["In Meeting", "Busy", "Happy", "Sad"],
defaultValue: ["Happy"]
},
{
type: "switch",
name: "switch",
label: "Notify Me",
defaultValue: true
},
{
type: "text",
name: "description",
label: "Describe Yourself",
required: true,
props: {
multiline: true,
numberOfLines: 3
}
},
{
type: "email",
name: "email",
required: true,
label: "Email"
// defaultValue: 'www.jiji@jij.com',
},
{
type: "number",
name: "number",
required: true,
label: "Age"
// defaultValue: 18,
},
{
type: "url",
name: "url",
required: true,
label: "URL"
// defaultValue: 'www.github.com',
}
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment