Testing - Standard Layout
Example of DXE Components
Compare to Trinity Figma Design here: https://www.figma.com/proto/16ShSAr5TvJOxKN5ars5ve/Trinity-Health-Enterprise-Theme?page-id=7555%3A152833&type=design&node-id=7555-156996&viewport=4193%2C812%2C0.28&t=q4F1DXvXYwssXxqj-1&scaling=min-zoom
Description List
List Item Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
List Item Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
List Item Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
List Item Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
List Item Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
List Item Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Cards
Card Title Goes Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button PrimaryCard Title Goes Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button Primary SecondaryCard Title Goes Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button Primary SecondaryList Group
IDK how this one works 😅
I got you! List Group HTML: https://www.thpmedicare.org/patterns/build/components/detail/list-group…
- An item
- A second item
- A third item
- A fourth item
- And a fifth one
- And a sixth one
- And a seventh list item
- And a eight list item
- And a ninth list item
- And a tenth list item
- 11 list item
- 12 list item
- 13 list item
- 14 list item
Process List
-
Diagnosis
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Treatment
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Recovery
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
Optional URL
Ongoing Health Living
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. SOMETHING HERE
Tabs
"Default" Style
"Solid" Style
QUESTION: How do I create a Tab layout with images, e.g. Your Pathway to Care, Wherever Life Takes You section of THMI website? https://www.trinityhealthmichigan.org/
ANSWER: Use default as the tab layout and create tabs as you would normally. The only difference would be the HTML layout within the WYSIWYG. You can use the one below. Ideally, you'll want all of the images to be the same size.
Accordion
Size: Small / Style: Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Size: Small / Style: Ghost
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Card Carousel
-
Carousel 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Link Text -
Carousel 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Link Text -
Carousel 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Link Text
Test Content Feed
Recent News
A win-win with our Member Rewards Benefit
Who doesn’t like being rewarded for something they already do? Your clients most likely already underst...
The Ultimate Guide to Certification and Medicare Compliance
Don’t get ready, be ready Prepping for AEP can be daunting as everything seems to revolve around certif...
Health and Wellness
Better Bladder Health
Practical tips for managing urinary incontinenceUrinary incontinence — loss of bladder control — is m...
The Most Valuable Broker Award Goes To ...
Each quarter, Saint Alphonsus Health Plan recognizes outstanding broker performance by awarding Most Valu...
Provider Update
Right Rx Helps You Provide the Right Pharmacy Care to Patients
Your health plan and US-Rx Care collaborate to deliver what we refer to as the Right Rx program. The prog...
Your Guide to OEP
OEP Do’s and Don’ts We’re excited to keep the momentum this plan year, and that means providing you...
