Basic Map(With Default Marker

Basic Map

Basic Map(With Custom Html Marker

Basic Map(With Custom Icon Marker)

Basic Map(With Marker Cluster

Basic Map Routing

Slider with Autoplay

Basic Slider

Bullet Pagination

Slider with Cursor

Basic Naviation

Custom Naviation

Custom view with all Naviation

Fraction Pagination

Swiper Free Mode

Slider with Lazyload

Slider with Infinite Loop

Multiple Grid Slider

Multiple row On View

Numbered Pagination

Progress Pagination

Scrollbar

Verticle Slider

Slider with Mouse Wheel

Activate

Click or drag file to this area to upload

City

Email

First Name

Image

Last Name

Street

Billing

Confirm your email

Partner Tenants (Customers)

Delete

Desactivate

Edit

Basic Title

ustomize message display duration from default 1.5s to 10s.

Customize duration

Messages of success   error and warning types.

Other Types of Message

This is an error message about copywriting.

Error

Info

Additional description and informations about copywriting.

Display a global loading indicator   which is dismissed by itself asynchronously.

Message of loading

Modal

Basic modal dialog.

Modal one with customize Footer

Normal messages as feedbacks.

Normal Message

The simplest usage that close the notification box after 4.5s.

Basic

Duration can be used to specify how long the notification stays open. After the duration time elapses   the notification closes automatically. If not specified   default value is 4.5 seconds. If you set the value to 0   the notification box will never close automatically.

Duration after which the notification box is closed

Notification with custom button

Notification with custom icon

A notification box with a icon at the left side.

Notification with icon

The basic example.

Basic Confirm

Further details about the context of this alert.

Alert message title

Size Spin

Detailed description and advices about successful copywriting.

Success

This is a warning notice about copywriting.

Warning

Tabss position  left   right   top or bottom

Position

Basic Tabs

Card Type Tabs

Add and Close Tabs

Extra Action Tabs

Icon Tabs

Mini Tabs

Disabled Tabs

search

Vertical Type Tabs

Customize Input Component

You could pass AutoComplete.Option as children of AutoComplete   instead of using dataSource

Customized

Basic usage of checkbox.

Basic Checkbox

Generate a group of checkboxes from an array. Use disabled to disable a checkbox.

Checkbox Group

autosize prop for a textarea type of Input makes the height to automatically adjust based on the content. An options object can be provided to autosize to specify the minimum and maximum number of lines the textarea will automatically adjust.

Autosizing the height to fit the content

Basic usage example.

Basic usage

Input.Group example Note  You dont need Col to control the width in the compact mode.

Input Group

Using pre &amp; post tabs example..

Pre    Post tab

Example of creating a search box by grouping a standard input with a search button

Search

For multi-line user input cases   an input whose type prop has the value of textarea can be used.

Textarea

There are three sizes of an Input box  large (42px  〝default (35px   and small (30px  . Note  Inside of forms   only the large size is used.

Three sizes of Input

A circular progress bar.

Circular Progress bar

You can custom text format by setting format.

Custom text format

A dashboard style of progress.

Dashboard

A dynamic progress bar is better.

Dynamic circular progress bar

A smaller circular progress bar.

Appropriate for a narrow area.

Mini size progress bar

A standard progress bar.

Progress bar

A group of radio components.

RadioGroup

Vertical RadioGroup   with more radios.

Vertical RadioGroup

The simplest use. Use disabled to disable a radio.

Basic Radio

Transfer with a search box.

Levels

Access Configuration

Client Id

Create Provider

Provider

Secret Key

Select a provider

Access Providers

You can return to the desktop at any time.

Back to Desktop

Enter your email and we send you a reset link.

Forgot Password?

Partner Portal

Reset Password

The page youre looking for doesnt exist or has been moved.

Looks like you got lost

Something went wrong. Please try again later.

Internal Server Error

Partner Earning

Partner Tenants (Partners)

Users

Personal Information

Payment information

Payments

Pricings

Pending payment

Title

View

Resource Group

Resource Logs

Netscape 2.0 ships   introducing Javascript

React is open-sourced; developers rejoice

Alerts

Disk Usage

Features

Serials

Programming Report

Tenant

Renew package

Are you sure you want to renew this package?

Paquete renovado

Simplest Usage. Badge will be hidden when count is 0   but we can use showZero to show it.

OverflowCount is displayed when count is larger than overflowCount. The default value of overflowCount is 99.

This will simply display a red badge   without a specific count.

Standalone badge with status.

A basic card containing a title   content and an extra corner content.

Card Title

Shows a loading indicator while the contents of the card is being fetched.

Customized Content

Cards usually cooperate with grid layout in overview page.

A borderless card on a gray background.

Slides use fade for transition.   effect=fade

Timing of scrolling to the next card  picture. autoplay

Vertical pagination. use   vertical=true

Accordion mode   only one panel can be expanded at a time. The first panel will be expanded by default. use accordion

A borderless style of Collapse. use   bordered=  false

More than one panel can be expanded at a time   the first panel is initialized to be active in this case. use   defaultActiveKey=  [keyNum]

Collapse is nested inside the Collapse.

A dog is a type of domesticated animal. Known for its loyalty and faithfulness   it can be found as a welcome guest in many households across the world.

The most basic example. The size of the floating layer depends on the contents region.

Use visible prop to control the display of the card.

Controlling the close of the dialog

There are 12 placement options available.

Three ways to trigger

Mouse to click   focus and move in.

The simplest usage.

Support select half star.

Replace the default star to other character like alphabet   digit   iconfont or even Chinese word.

Read only   cant use mouse to interact.

Add copywriting in rate components.

Generating a set of Tags by array   you can add and remove dynamically. Its based on afterClose event   which will be triggered while the close animation end.

Usage of basic Tag   and it could be closable by set closable property. Closable Tag supports onClose afterClose events.

Select your favourite topics.

Set the color of circles. green means completed or success status   red means warning or error   and blue means ongoing or other default status.

Set a node as an icon or other custom element.

When the timeline is incomplete and ongoing   put a ghost node at last. set   pending=  true     or   pending=  a React Element

The ToolTip has 12 placements choice.

Placement

basic controlled example

The most basic usage   tell you how to use checkable   selectable   disabled   defaultExpandKeys   and etc.

Drag treeNode to insert after the other treeNode or insert into the other parent TreeNode.

To load data asynchronously when click to expand a treeNode.

Searchable Tree

Lorem ipsum dolor sit amet   consectetur adipisicing elit   sed do eiusmod tempor ammet dolar consectetur adipisicing elit

Sr. iOS Developer

Register now!