emkan-reusable-custom-components v0.1.19

emkan-reusable-custom-components

reusable custom components across all products of Emkan application ordered by size from smallest to biggest (atoms, molecules, organisms)

Installation

npm install emkan-reusable-custom-components

Usage

import { ActivityIndicator } from "emkan-reusable-custom-components";

// ...

<ActivityIndicator />

Available Components

Atoms

ActivityIndicator

Button

ButtonWithIcon

CheckBox

DatePicker

Dropdown

DropdownList

PinInput

RadioButton

SeparatorLine

SliderButton

SliderView

Text

TextInput

ToggleSwitch

HijriDatePicker

DottedLine

BackButton

PopupDialog

Molecules

LabelledAmountInput

LabelledCheckBox

LabelledTextInput

LabelledToggleSwitch

LabelledDatePicker

LoaderView

MobileNumberEdit

PasswordInput

PhoneNumberInput

ProgressIndicator

SummaryBar

SummaryCard

TextListWithIcons

TextWithImageButton

TitledDropDown

TitledProgressBar

TitledRadioButton

TitledSlider

TitleWithDescription

ListItemView

CustomerSupport

LabelValueForm

TrackerItem

ApiError

LoanListItem

TabBar

NotFound

DashboardHeader

StepsItem

CustomFilePicker

PasswordStrengthMeter

LabelledIbanInput

CustomerSupportInfo

TextWithIcon

ReviewSummary

AmountDisplay

AccordionListItem

QuestionWithAction

AmountCard

FinancingListItem

CountDown

Organisms

MainContainer

DropdownListSearch

ApplyHeader

RadioWithAmountInput

TrackerTimeline

DashboardApply

DashboardDynamic

DashboardActiveLoan

MultipleLoanList

SingleLoanDashboard

ApplyNow

FormBuilder

CustomOtpView

ResponseView

CompletedLoanOffer

License

MIT