diff --git a/packages/builder/src/components/userInterface/ComponentTab/Tab.svelte b/packages/builder/src/components/userInterface/ComponentTab/Tab.svelte index 8e45c570b3..f692dc235b 100644 --- a/packages/builder/src/components/userInterface/ComponentTab/Tab.svelte +++ b/packages/builder/src/components/userInterface/ComponentTab/Tab.svelte @@ -1,8 +1,6 @@ {#each components as { icon, name, description }} diff --git a/packages/builder/src/components/userInterface/temporaryPanelStructure.js b/packages/builder/src/components/userInterface/temporaryPanelStructure.js index 163a93cfb3..95a9c7f40f 100644 --- a/packages/builder/src/components/userInterface/temporaryPanelStructure.js +++ b/packages/builder/src/components/userInterface/temporaryPanelStructure.js @@ -69,103 +69,27 @@ export default { } ] }, - { - name: 'Form', - components: [ - { - name: 'Button', - description: 'A basic html button that is ready for styling', - icon: 'ri-radio-button-fill', - commonProps: {}, - type: [] - }, - { - name: 'Icon', - description: 'A basic component for displaying icons', - icon: 'ri-sun-fill', - commonProps: {}, - type: [] - }, - { - name: 'Avatar', - description: 'A basic component for rendering an avatar', - icon: 'ri-user-smile-fill', - commonProps: {}, - type: [] - }, - { - name: 'Link', - description: 'A basic link component for internal and external links', - icon: 'ri-link', - commonProps: {}, - type: [] - } - ] - }, { name: 'Blocks', components: [ { - name: 'Container', - description: 'This component contains things within itself', - icon: 'ri-layout-row-fill', + name: 'Card', + description: 'A basic card component that can contain content and actions.', + icon: 'ri-layout-bottom-line', commonProps: {}, type: [] }, { - name: 'Text', - description: 'This is a simple text component', - icon: 'ri-t-box-fill', - commonProps: {}, - type: [ - { - _component: '@budibase/standard-components/header', - name: 'Headline', - icon: 'headline', - props: { - type: { - type: 'options', - options: [ - 'h1', - 'h2' - ], - 'default': 'h1' - } - } - }, - { - _component: '@budibase/standard-components/text', - name: 'Paragraph', - icon: 'paragraph', - props: {} - } - ] - }, - { - name: 'Button', - description: 'A basic html button that is ready for styling', - icon: 'ri-radio-button-fill', + name: 'Login', + description: 'A component that automatically generates a login screen for your app.', + icon: 'ri-login-box-fill', commonProps: {}, type: [] }, { - name: 'Icon', - description: 'A basic component for displaying icons', - icon: 'ri-sun-fill', - commonProps: {}, - type: [] - }, - { - name: 'Avatar', - description: 'A basic component for rendering an avatar', - icon: 'ri-user-smile-fill', - commonProps: {}, - type: [] - }, - { - name: 'Link', - description: 'A basic link component for internal and external links', - icon: 'ri-link', + name: 'Navbar', + description: 'A component for handling the navigation within your app.', + icon: 'ri-navigation-fill', commonProps: {}, type: [] } @@ -175,66 +99,16 @@ export default { name: 'Data', components: [ { - name: 'Container', - description: 'This component contains things within itself', - icon: 'ri-layout-row-fill', + name: 'Table', + description: 'A component that generates a table from your data.', + icon: 'ri-archive-drawer-fill', commonProps: {}, type: [] }, { - name: 'Text', - description: 'This is a simple text component', - icon: 'ri-t-box-fill', - commonProps: {}, - type: [ - { - _component: '@budibase/standard-components/header', - name: 'Headline', - icon: 'headline', - props: { - type: { - type: 'options', - options: [ - 'h1', - 'h2' - ], - 'default': 'h1' - } - } - }, - { - _component: '@budibase/standard-components/text', - name: 'Paragraph', - icon: 'paragraph', - props: {} - } - ] - }, - { - name: 'Button', - description: 'A basic html button that is ready for styling', - icon: 'ri-radio-button-fill', - commonProps: {}, - type: [] - }, - { - name: 'Icon', - description: 'A basic component for displaying icons', - icon: 'ri-sun-fill', - commonProps: {}, - type: [] - }, - { - name: 'Avatar', - description: 'A basic component for rendering an avatar', - icon: 'ri-user-smile-fill', - commonProps: {}, - type: [] - }, - { - name: 'Link', - description: 'A basic link component for internal and external links', - icon: 'ri-link', + name: 'Form', + description: 'A component that generates a form from your data.', + icon: 'ri-file-edit-fill', commonProps: {}, type: [] }