Primitives

Color

Text

Spacing

Icons

Components

Accordion

Alert

Avatar

Badge

Button

Cell

Checkbox

Chip

Date picker

Dropdown

Input field

Installment

Loan overview

Modal

Nav bar

OTP

Pagination

Quick actions

Radio

Segmented control

Selector

Sidebar

Tab bar

Table

Tag

Text area

Toast

Tracker

Transaction

Primitives

Color

Text

Spacing

Icons

Components

Accordion

Alert

Avatar

Badge

Button

Cell

Checkbox

Chip

Date picker

Dropdown

Input field

Installment

Loan overview

Modal

Nav bar

OTP

Pagination

Quick actions

Radio

Segmented control

Selector

Sidebar

Tab bar

Table

Tag

Text area

Toast

Tracker

Transaction

Components

Components

Text area

Text area

Text area

Text area

The text area has similar properties to the input field, but allows for intentional multi-line text entry scenarios.

Title

Focussed

Helper text

Title

Focussed

Helper text

Previous

Tag

Previous

Tag

Previous

Tag

Next

Toast

Next

Toast

Next

Toast

Color

Text

Spacing

Icons

Accordion

Alert

Avatar

Badge

Button

Cell

Checkbox

Chip

Date picker

Dropdown

Input field

Installment

Loan overview

Modal

Nav bar

OTP

Pagination

Quick actions

Radio

Segmented control

Selector

Sidebar

Tab bar

Table

Tag

Text area

Toast

Tracker

Transaction

Color

Text

Spacing

Icons

Accordion

Alert

Avatar

Badge

Button

Cell

Checkbox

Chip

Date picker

Dropdown

Input field

Installment

Loan overview

Modal

Nav bar

OTP

Pagination

Quick actions

Radio

Segmented control

Selector

Sidebar

Tab bar

Table

Tag

Text area

Toast

Tracker

Transaction

Alraedah Design

Docs

Articles

Research

Join