Coral.Accordion

An accordion consists of multiple collapsibles. When one collapsible in the accordion is expanded, the others are collapsed.

Item A Item A content Item B Item B content Item C Item C content

Coral.Calendar

Calendar depicts a navigable calendar that can show a selected date, and have the client select another date. Please note that for the `next` and `previous` month buttons to show properly, the embedding document is required to have set in its tag.

Coral.Card

Image Girl's Eyes 3 4 Collection Asset Collection

Coral.Clock

Clock allows the user to choose a time using the 24h format.

Coral.Datepicker

The Datepicker component provides desktop and touch friendly for both date and time selection. The component leverages moment.js for parsing, manipulating, and formatting dates.

Coral.Dialog

Dialog

This dialog was created from markup. Dialogs can also be created with JavaScript.

Coral.Drawer

A drawer displays some content (hidden by default) that can be opened and closed with a sliding animation.

Coral.PanelStack

Panel 0: This is the content of Panel 1 Panel 1: This is the content of Panel 1. There are more Panels defined in the PanelStack ! Panel 2: This is the content of Panel 2 Panel 3: This is the content of Panel 3. You need JavaScript to interact with this component Panel 4: This is the content of Panel 4

Coral.Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus imperdiet interdum convallis.

Coral.QuickActions

Breakfast Lunch Dinner
Cereals Hot Dogs Baked Salmon
Toast Kebab Korean BBQ
Coffee Pasta Beef steak
Copy Move Download Share Publish

Coral.TabView

Tab 1 Tab 2 Lorem ipsum dolor sit amet. Aenean faucibus ornare laoreet. Cras luctus purus.

Coral.WizardView

Step 1 Step 2 This is the content of the first step.

This is the content of the second step.