Skip to content

using-components.md

Latest commit

 

History

History
82 lines (53 loc) · 2.32 KB

using-components.md

File metadata and controls

82 lines (53 loc) · 2.32 KB
description Learn how to use and customize components available in the Editor.

Using Components

Components Library

Codelessly has a wide range of pre-built, high quality and highly customizable components that you can directly use in your layouts to quickly build UIs. These components are available in the components library.

Components

Here's a list of all the available components.

  • Icon
  • Button
  • TextField
  • Checkbox
  • Switch
  • Radio
  • Slider
  • App Bar
  • Navigation Bar
  • Scaffold
  • Floating action button
  • Divider
  • Loading Indicator
  • List Tile
  • Expansion Tile
  • Accordion
  • List View
  • Page View (Carousel)
  • Tab Bar
  • Embedded Video
  • Embedded Web View
  • Progress Bar
  • External Component

Click on this + button in the tools panel on the left of the editor to open components library.

How to open components library.

You can drag & drop any component you want directly to the canvas from components library.

Drag and drop components

All these components support full customization of how they look and function. To access component properties, select a component and click on the floating Settings button right next to it.

Accessing component settings

You can alternatively click on Open button in Component Settings banner at the top of the properties panel on the right.

This opens up the component settings panel. This panel contains an interactive preview of the component at the top which provides visual aid while customizing them.

Button Settings panel