Website logo
⌘K
🔖Taptop Knowledge Base
🇷🇺RU: База знаний на русском языке
🚀Quick Start
Sign up and log in
How to create a website with Taptop
Component Libraries
⚙️Dashboard
Creating a new project
Project settings
Actions with projects
Teams
Profile settings
📝Introduction to Design Editor
Basics of website building
Design Editor Navigation
📰Website structure and layout
Main website blocks
Adding and moving elements
Sizing and spacing
Elements layout settings
Auto Layout (in Flex mode)
Position
🗂️Elements and Widgets
Link Block
Button and Up Button
Text and Text Link
List
Block List
Menu
Tabs
Accordion
Pop-up
Search Bar
Embed
Image
SVG Icon
Form
Map
Components
🖌️Design and Styling
Classes and selectors
States and styles
Typography
Background
Borders and rounded corners
Colors and opacity
Effects
Customization for different devices
🎚️Page settings
General page settings
SEO settings for a page
Custom code for a page
🌐Publishing and export
Publishing a project
Code export
⌨️Shortcuts
📋Guides
Docs powered by Archbee
Website logo
Elements and Widgets

Components

5min



Component is an element or a group of elements that can be used multiple times in a single project. All Component instances have the same styles and data.

Changes to the styles and data of a Component are automatically applied to all its instances. Also, changes to any Component instance apply to the original Component and all of its instances.



Examples of using components:

  • buttons
  • menus
  • icon blocks for social networks

For example, you can create a Component from a menu and add it to different pages of your website. If you need to make changes to the menu, you need to do this only in one component instance. All other instances will be changed automatically.



Creating a Component 

  • Select an element or a group of elements on the Canvas that you want to add to the Component
  • Click on the Create component button on the Top Bar
Document image


The created component will have a purple outline and a label.

Document image


You can create a Component from any element or group of elements except for the Root element and the List and Block List elements.

The created components are displayed on the Assets tab.

Document image


By right-clicking on a Component, you can:

  • Rename component
  • Delete component
Document image




Adding Component instances

You can add any number of Component instances to the Canvas. To do this, select the desired Component on the Assets tab and drag it onto the Canvas. Component instances will also have a purple outline and a label.

On the Layers tab, the Component and its instances are also shown in purple and marked with the component icon.

Document image


You can detach an element from a Component by right-clicking on it on the Layers tab and selecting Detach from the menu.

Document image




Updated 05 Oct 2023
Did this page help you?
PREVIOUS
Map
NEXT
Design and Styling
Docs powered by Archbee
TABLE OF CONTENTS
Creating a Component 
Adding Component instances
Docs powered by Archbee