<p align="center">
  <a href="https://www.npmjs.com/package/momo-component-kits">
    <img width="160px" src="https://i.imgur.com/Ah18Mz1.png"><br/>
  </a>
  <h2 align="center">Momo Component Kits</h2>
</p>

## Installing

Npm: https://www.npmjs.com/package/@momo-platform/component-kits

Document: https://momo-component-kits.web.app/?path=/docs/overview-getting-started--page

Use yarn

```javascript
yarn add @momo-platform/component-kits
//or
npm i @momo-platform/component-kits
```

## Usage

## Components

```javascript
    AutoComplete,
    ActionPopup,
    AlertPopup,
    Avatar,
    Balance,
    BankFee,
    BankList,
    BankListHeader,
    BottomModal,
    BottomSelectionList,
    BrandInfo,
    Button,
    CalculatorHelper,
    CalculatorTextInput,
    CalendarPicker,
    CardView,
    Carousel,
    Checkbox,
    CinemaInfo,
    CircularProgress,
    CircularProgressAnimated,
    Colors,
    CoverFlow,
    DataPicker,
    DataPickerCard,
    DatePicker,
    DisplayPopup,
    FilmInfo,
    FilmTimeList,
    HTMLView,
    IconText,
    KeyboardCalculator,
    KeyboardHeaderSticky,
    Line,
    LoadingPopup,
    Modal,
    Icon,
    Input,
    Flex,
    MoneySuggestionList,
    Navigation,
    NavigationButton,
    KeyboardPopup,
    Pagination,
    PermissionPopup,
    RoundTextInput,
    ScrollableTabView,
    ScrollViewHeader,
    SelectionItem,
    SelectionItemList,
    Skeleton,
    Slider,
    SwipeAction,
    SwipeActionList,
    Switch,
    TabBar,
    Text,
    Toast,
    UnderlineTextInput,
    UserShortedInfo,
    VerticalStepGuide,
    VoucherCard,
    HorizontalPageGuide,
    HorizontalProgressPageGuide,
    Quantity,
    BottomPopupHeader,
    DiscountVoucherCard,
    GreetingCard,
    Tooltip,
    ReadMore,
    PickerView,
    ExpendableList,
    ExpendableView,
    Image,
    LottieView,
    ResourceManager,
    SvgIcon
```

## See more details
[Click here](https://www.npmjs.com/package/@momo-platform/component-kits)