Core UI Components

Description of the components included in core.

Linker Studio uses the Atomic Design for UI components, which is a methodology for creating design systems that is divided into five levels, atoms, molecules, organisms, templates and pages. Click here for more information about atomic design.

There are components in core that are reusable for different kinds of applications. For example, buttons or inputs. These components use the Figma tokens design, but are still part of core because they are basic components for an app.

The 4 levels of Atomic Design with their components used in core are:

Atoms

• Action Bottom Sheet

• Action Card Opacity

• Backdrop

• Badge

• Body Text

• Button

• Card

• Checkbox

• Form

• Heading

• Horizontal Rule Text

• Image Background

• Indicator

• Input

• Item About

• Loader

• PDF Document Viewer

• Radio Button

• Switch

• Web-View

Molecules

• Action Bottom Menu

• Action Button

• Action Sheet Confirm

• Base Action Card

• Basic Toast Notification

• Custom Top Tabs

• DatePicker

• Dropdown

• ErrorWebView

• Global Loader

• Header List

• List Action Card

• Main Layout Header

• Menu Item

• Modal

• Radio Buttons Group

• Search Input

• SVG Background

Organisms

• Account Info Card

• Form Layout

• Main Menu

• Primers View

• Result Detail View

• Result View

• Safe Area Layout

• Toast Notification

• Toast Notifications Provider

• Web View Layout

Templates

• About Screen

• Settings Document Screen