EWS Component Examples

ews-card

A collapsible card component with customizable colors and styling.

Red Card Header
This is the content of a red card. Click the header to toggle.
 Red color
Orange Card Header
This is the content of an orange card.
 Orange color

WARNING

WARNING CONTENT NEED YOUR ATENTION

WARNING

 Custom

DANGER

DANGER CONTENT NEED YOUR ATENTION

DANGER

 Custom

ews-hex-shape

A hexagonal shape component with various configuration options.

Blue Hex
 Default
Pointy Top
 Pointy top
Red
Clipped Content - This text is clipped within the hex boundary
Clipped content

ews-stripe-bar

An animated stripe bar component with various customization options.

Default
Red
Animated
Reverse
Default
Red
Animated
Reverse

ews-hex-grid

Cell 1
Cell 2
Cell 3
Cell 4
Cell 5
Cell 6
Cell 7
Cell 8
Cell 9
Cell 10

ews-rib-layout

A complex rib cage layout with responsive branching and animated nodes.