Overview of components

Introduction to components.

Tech

  • React
  • SCSS
  • etc.

Usage

Accordion

The widely known accordion.

ApplicationFrame

Used for the whole application layout. Contains sidebar, top navigation and more.

Badge

A badge is used to show status of something.

Box

Box is one of the core components. It serves as a wrapper for most layout needs (e.g. grids and spacing).

Button

A button is used for actions.

Carousel

Carousel primarily for mobile presentation of items

Checkbox

Checkbox description

Datepicker

A datepicker is used for a selection of dates

Dialog

A dialog is used for modals and popups.

Dropdown

A dropdown is used for a selection of different actions

ErrorBoundary

Provides a boundary for errors thrown in its children during the render phase.

Fieldset

Wrapper for the fieldset html element

FileUploadInput

A file input with a drag and drop zone

Icon

Based on Font Awesome 5 Pro Light

Loader

Used to show loading of something, where there's no estimated time to completion.

Logo

Logotype for SSG Standard Solutions AB

MultiSelect

Used for inputs where the user should select multiple items

Popover

Popover

Table

Sortable data tables

Text

Core component used for all typography

Truncate

Used to truncate strings