All UI components

Testing all of them

As you can see

There's a lot

So many headings

There's loads

As you can see, there are a lot of headings.

Extras

This is a badge that can be shown in text: New

Skeleton loading

Text input (primary)

Text input (secondary)

Selection input

Text input area

Slider input

Progress bar result

Check this out

Choose one or many

You can leave it undecided

Desktop computer

Mobile device

Smart microwave

Connect

Go there

Some data readout: The readout's value
Another readout: This time, the value is much longer and therefore needs to span multiple lines to fit it all in
IP address: 192.168.0.0

This is the about page

I'm a card

Cards can be used to direct users to articles

What's my use?

They are mainly used for referencing user-generated content

How am I implemented?

Cards are easy to implement and have hybrid functionality

More cards in grid formation

I'm a card

Cards can be used to direct users to articles

What's my use?

They are mainly used for referencing user-generated content

How am I implemented?

Cards are easy to implement and have hybrid functionality

I'm a card

Cards can be used to direct users to articles

What's my use?

They are mainly used for referencing user-generated content

How am I implemented?

Cards are easy to implement and have hybrid functionality

Scrollable screens with pagination

First screen

This is one of a few scrollable screens. Either swipe horizontally to change the page, or use the pagination buttons below.

Second screen

This is one of a few scrollable screens. Either swipe horizontally to change the page, or use the pagination buttons below.

Third screen

This is one of a few scrollable screens. Either swipe horizontally to change the page, or use the pagination buttons below.

This is the contact page

Standalone image:

Image with caption:

Standalone table:

Name	Size	Date created
Picture	10 MB	Yesterday at 10:45
Document	12 KB	Today at 9:20
Presentation	320 KB	Today at 14:15

Table with caption:

Name	Size	Date created
Picture	10 MB	Yesterday at 10:45
Document	12 KB	Today at 9:20
Presentation	320 KB	Today at 14:15

Placeholder table, used to demonstrate figures and caption descriptions in Adapt UI.

All UI components

Testing all of them

As you can see

There's a lot

So many headings

There's loads

Skeleton loading

This is the about page

I'm a card

What's my use?

How am I implemented?

More cards in grid formation

I'm a card

What's my use?

How am I implemented?

I'm a card

What's my use?

How am I implemented?

Scrollable screens with pagination

First screen

Second screen

Third screen

This is the contact page

This is another screen

Test dialog