Skip to content

Platform Structure

Halil Ibrahim Cengel edited this page Jan 6, 2024 · 4 revisions

Platform

  • When we send routes to the platform, we send our pages created according to atomic design principles by wrapping them with another layout.
  • The outermost layout decides whether or not to have elements such as topbar, navbar or where to place them, rather than the page content.

Platform's Layouts

DashboardLayout

  • The dashboard layout consisting of Header and Sidebar has 3 Items controlled by config. ItemBarSelect, Navigation Bar and Action Buttons

DashboardLayoutItem

  1. ItemSelectBar: With the pop-up that opens when clicked, it shows the names and logos of the items sent from Config in a list and allows selection from these items. When the selection is made, it saves the ID of the selection made to the storage.

  2. Navigation Bar: It allows to create NavigationButton according to the routes sent from Config. You can send routes in many ways such as single, nested. For more information, see Platform Navigation Structure.

  3. ActionButton: Renders the component or components sent from Config at the bottom of the Sidebar.

FullScreenLayout

FullScreenlayout has only Sidebar and Navigation Menu.

FullScreenLayout

Platform Navigation Structure

We can show Navigation Menu items in two ways.

Single

image

Nested

image

Minimal Components

You can get components from the platform that you can use in your project. Current components and their usage..

Clone this wiki locally