# Stencil Component Starter

# 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.