mirror of https://github.com/Budibase/budibase.git
nocodelowcodelow-codedockerdocker-composeinternal-projectinternal-toolinternal-toolslow-code-developmentlow-code-development-platformopensourceselfhostedweb-devweb-developmentweb-development-toolswebdevwebdevelopmentworkflow-automationautomationdeveloper-tools
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.2 KiB
83 lines
2.2 KiB
|
|
export const props = {
|
|
H1: {
|
|
_component: "@budibase/materialdesign-components/H1",
|
|
_children: [],
|
|
text: "Im a big header",
|
|
},
|
|
Overline: {
|
|
_component: "@budibase/materialdesign-components/Overline",
|
|
_children: [],
|
|
text: "Im a wee overline",
|
|
},
|
|
Button: {
|
|
_component: "@budibase/materialdesign-components/Button",
|
|
_children: [],
|
|
variant: "raised",
|
|
colour: "secondary",
|
|
size: "large",
|
|
href: "",
|
|
icon: "alarm_on",
|
|
trailingIcon: true,
|
|
fullwidth: false,
|
|
text: "I am button",
|
|
disabled: false,
|
|
onClick: () => alert`Button Clicked`,
|
|
},
|
|
Icon: {
|
|
_component: "@budibase/materialdesign-components/Icon",
|
|
_children: [],
|
|
icon: "",
|
|
},
|
|
Textfield: {
|
|
_component: "@budibase/materialdesign-components/Textfield",
|
|
_children: [],
|
|
label: "First",
|
|
colour: "secondary",
|
|
fullwidth: true,
|
|
maxLength: 500,
|
|
helperText: "Add Surname",
|
|
onChange: text => console.log("Text: ", text),
|
|
},
|
|
Checkbox: {
|
|
_component: "@budibase/materialdesign-components/Checkbox",
|
|
_children: [],
|
|
id: "test-check",
|
|
label: "Check Yo Self",
|
|
onClick: () => alert`Before ya reck yo'self`,
|
|
},
|
|
Checkboxgroup: {
|
|
_component: "@budibase/materialdesign-components/Checkboxgroup",
|
|
_children: [],
|
|
label: "Whats your favourite?",
|
|
items: [
|
|
{ label: "Currys", indeterminate: true },
|
|
{ label: "Chips", checked: true },
|
|
{ label: "Pasties" },
|
|
],
|
|
onChange: selectedItems => console.log(selectedItems),
|
|
},
|
|
Radiobutton: {
|
|
_component: "@budibase/materialdesign-components/Radiobutton",
|
|
_children: [],
|
|
label: "Hi radio",
|
|
alignEnd: true,
|
|
onClick: () => alert`Roger That`,
|
|
},
|
|
Radiobuttongroup: {
|
|
_component: "@budibase/materialdesign-components/Radiobuttongroup",
|
|
_children: [],
|
|
label: "Preferred method of contact: ",
|
|
orientation: "column",
|
|
items: [
|
|
{ label: "Email", value: 1 },
|
|
{ label: "Phone", value: 2 },
|
|
{ label: "Social Media", value: 3 },
|
|
],
|
|
onChange: selected => console.log(selected),
|
|
},
|
|
Datatable: {
|
|
_component: "@budibase/materialdesign-components/Datatable",
|
|
_children: [],
|
|
},
|
|
}
|
|
|