Chico Mobile v1.1.1

List of components

Headers

Preguntas

Pregunta

Cancelar Responder

Headings

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec ipsum tellus, quis ultricies nunc. Vestibulum ornare porta nunc, vitae tincidunt massa ornare vel. Nam ut felis odio.

Nam porta nunc vitae orci sollicitudin a ullamcorper purus dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed libero eget purus dictum fringilla non sed lectus. Etiam commodo quam in neque vehicula dapibus.

Phasellus ornare lacus ut purus elementum eget sodales dui placerat. Nunc ultrices porttitor mi, eu varius quam tristique in. Etiam tempor porta sodales.

Phasellus dui nisi, hendrerit a porta vel, tempus bibendum mauris.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus bibendum consectetur dignissim.

Links

Lists

Unstyled

Unordered

Ordered

Description

MercadoLibre: Donde compras y vendes de todo!
MercadoPago: La forma más simple de recibir pagos!
MercadoShops: Tu tienda virtual gratis y en minutos!

List Boxes

List Boxes with icons

Boxes

Container Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. adipiscing. Donec sit amet purus in sapien luctus sodales adipiscing.

Box Lite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. adipiscing. Donec sit amet purus in sapien luctus sodales adipiscing.

Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. adipiscing. Donec sit amet purus in sapien luctus sodales adipiscing.

Box Error

Oops, something wrong happened.

Box Help

Do you need any help?

Box Info

Here's more information

Box Warning

Warning! something might be wrong

Box Ok

Everything is great!

Messages boxes (with icons)

This is a message, with an icon!

Warning!

This is a big warning message, be careful!

Oops, something wrong happened

Do you need any help?

Here's more information

Warning! something might be wrong

Everything is great!

Loadings

Buttons

Link button

Disabled Buttons

Link button disabled

Autocomplete

Pagination

Tables

Summary
Operation	Seller
Sale	mail@example.com
Purchase	mail@example.com
Sale	mail@example.com
Sale	mail@example.com

Expandable

Expand me! (paragraph)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet purus in sapien luctus sodales. Curabitur dui velit, cursus in sagittis aliquam, dictum at neque. Ut gravida scelerisque lorem non pulvinar. Pellentesque et urna vitae nisl porta imperdiet sed nec ipsum. Sed non sem velit. Cras id consectetur tellus.

Expand me! (list)

foo
foobar
bar

Expand me! (box-list)

List Options
List
- A convenir con el vendedor
- Capital Federal $20
- Gran Buenos Aires $25
- Interior de Buenos Aires $40
- Resto del país $55
Preguntas
Plain text

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Default

With skin

Layer

Executed on: pointerenter, Content: unique parameter.
Executed on: pointertap, Content: HTML Element, Hidden by: all.
Executed on: pointertap, Content: element in DOM, Hidden by: none.
Executed on: pointertap, Content: plain text, Hidden by: button.
Executed on: pointertap, Content: AJAX, Hidden by: pointers.

This content is invisible

Executed by a link.

Modal with DOM content

Caption heading

Secondary Action

Modal Lite

Modal from Form without trigger

Modal with validations

Transition window

Carousel

Calendar

Date Picker

Icons

ch-icon-search
ch-icon-heart
ch-icon-star
ch-icon-star-empty
ch-icon-user
ch-icon-th-large
ch-icon-th
ch-icon-user
ch-icon-ok
ch-icon-remove
ch-icon-zoom-in
ch-icon-zoom-out
ch-icon-cog
ch-icon-trash
ch-icon-time
ch-icon-repeat
ch-icon-refresh
ch-icon-lock
ch-icon-print
ch-icon-camera
ch-icon-pencil
ch-icon-map-marker
ch-icon-move
ch-icon-chevron-left
ch-icon-chevron-right
ch-icon-plus-sign
ch-icon-minus-sign
ch-icon-remove-sign
ch-icon-ok-sign
ch-icon-help-sign
ch-icon-info-sign
ch-icon-ban-circle
ch-icon-arrow-left
ch-icon-arrow-right
ch-icon-arrow-up
ch-icon-arrow-down
ch-icon-plus
ch-icon-minus
ch-icon-exclamation-sign
ch-icon-warning-sign
ch-icon-calendar
ch-icon-comment
ch-icon-chevron-up
ch-icon-chevron-down
ch-icon-key
ch-icon-comments
ch-icon-unlock
ch-icon-wrench
ch-icon-group
ch-icon-copy
ch-icon-paper-clip
ch-icon-reorder
ch-icon-truck
ch-icon-caret-down
ch-icon-caret-up
ch-icon-caret-left
ch-icon-caret-right
ch-icon-sort
ch-icon-sort-down
ch-icon-sort-up
ch-icon-envelope-alt
ch-icon-undo
ch-icon-comment-alt
ch-icon-comments-alt
ch-icon-phone

Countdown

Forms and Validations

Inputs

* Required fields

Label:

Icon inside:

Category: Add your category

E-mail: * It will be your login name

E-mail: Accept to receive weekly news

URL:

Numeric field:

Numeric range: Between 1 to 10

Required disabled: * It's a unknown use case

Characters:

Custom:

Readonly:

Selects

Common field:

Rquired: *

Required disabled: *

Disabled:

Unique checkbox:

Unique checkbox

Checkboxes

Alpha
Beta

Radios

Alpha
Beta

Legend of required group *

Alpha
Beta

Textarea

Textarea:

Required: *

Required disabled: *

Disabled:

Chico Mobile v1.1.1

List of components

Headers

Preguntas

Pregunta

Headings

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Paragraphs

Links

Lists

Unstyled

Unordered

Ordered

Description

List Boxes

List Boxes with icons

Boxes

Container Box

Box Lite

Box

Box Error

Box Help

Box Info

Box Warning

Box Ok

Messages boxes (with icons)

Warning!

Loadings

Buttons

Disabled Buttons

Tags

Autocomplete

Pagination

Tables

Expandable

Expand me! (paragraph)

Expand me! (list)

Expand me! (box-list)

Menu

List Options

List

Plain text

Dropdown

Default

Layer

This content is invisible

Modal with AJAX content

Modal with DOM content

Caption heading

Modal Lite

Modal from Form without trigger

Modal with validations

Transition window

Carousel

Calendar

Date Picker

Icons

Countdown

Forms and Validations

Unique checkbox: