diff --git a/packages/builder/src/components/design/AppPreview/componentStructure.json b/packages/builder/src/components/design/AppPreview/componentStructure.json index 81962cd849..c83686158f 100644 --- a/packages/builder/src/components/design/AppPreview/componentStructure.json +++ b/packages/builder/src/components/design/AppPreview/componentStructure.json @@ -49,6 +49,7 @@ "children": [ "heading", "text", + "divider", "image", "backgroundimage", "link", diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json index c18d85d835..52cb821bea 100644 --- a/packages/standard-components/manifest.json +++ b/packages/standard-components/manifest.json @@ -312,6 +312,43 @@ } ] }, + "divider": { + "name": "Divider", + "description": "A basic divider", + "icon": "Separator", + "illegalChildren": ["section"], + "settings": [ + { + "type": "select", + "label": "Size", + "key": "size", + "options": [ + { + "label": "Small", + "value": "S" + }, + { + "label": "Medium", + "value": "M" + }, + { + "label": "Large", + "value": "L" + }, + { + "label": "Extra large", + "value": "XL" + } + ], + "defaultValue": "M" + }, + { + "type": "boolean", + "label": "Vertical", + "key": "vertical" + } + ] + }, "repeater": { "name": "Repeater", "description": "A configurable data list that attaches to your backend tables.", diff --git a/packages/standard-components/package.json b/packages/standard-components/package.json index c6a5c3c9fb..0a42925ef4 100644 --- a/packages/standard-components/package.json +++ b/packages/standard-components/package.json @@ -35,6 +35,7 @@ "dependencies": { "@budibase/bbui": "^0.9.87-alpha.3", "@spectrum-css/card": "^3.0.3", + "@spectrum-css/divider": "^1.0.3", "@spectrum-css/link": "^3.1.3", "@spectrum-css/page": "^3.0.1", "@spectrum-css/typography": "^3.0.2", diff --git a/packages/standard-components/src/Divider.svelte b/packages/standard-components/src/Divider.svelte new file mode 100644 index 0000000000..97ec9b620c --- /dev/null +++ b/packages/standard-components/src/Divider.svelte @@ -0,0 +1,18 @@ + + +