Components

The components can be reused as-is and we give code samples and instructions on how to customize them a bit. For each component, extensive details on the css styles to use are given.

Typography

Basic CSS for Headings, Body Copy and Emphasis.

Form

Basic CSS for input elements in a form.

Button

Basic CSS for different button style, button size, button status, and button elements.

Table

Basic CSS for default style and optional classes.

Avatar

Basic CSS for an avatar and how to display it in different styles?

Icon

Basic CSS for an icon in eXo Platform, and how to use it?

Navigation

Basic CSS for a site navigation.

Dropdown

Basic CSS for the dropdown list of a button or navigation.

Mini Calendar

Basic CSS for the Mini Calendar component.

Progress bar

Basic CSS for loading, redirecting, or action status.

Alert

Styles for information, success, warning, and error messages.

Tooltip and Popover

Basic style of tooltip and popover.

Thumbnail

How to display a thumbnail for an image attachment or a file in a folder?

Mention

Basic style of mention feature.

Color

Basic color of Platform style.

Trees

Basic style of category tree.

Badge and Loading

Basic style of Badge and Loading.

CSS Classes

Common CSS classes of Bootstrap and Platform.