Patterns

Patterns defines templates, behaviors, how and when to use them for specific functions or objects. Each pattern is composed of different UI components that interact together.

Breadcrumb

An effective visual navigation aid to keep track of location in an application or a website.

Hover-reveal

Hiding actions by default and revealing them on demand to make content cleaner.

Message

A useful communication means which is displayed by words and signals.

Popup

A useful and nice way to display advanced information. How and when a popup is used with the elcom Platform style?

Pagination

How to paginate a content to make easy for users to read it? Full pagination and More mode options in details...

Tabs

A long content can be divided and displayed in different tabs. How to tab a content?

Sort by Column

The user needs to search or scan a table for values that is of interest. How to sort data by column?

Table Filter

Narrowing search results shown in a table by specific columns. How to filter them?

Rating

Basic styles for rating with stars and how does it look with the elcom Platform style?

Uploading

Basic styles and behaviors for the uploading file function.