Style Guide
- Explore the building blocks, layouts, and templates available in EDS Document Authoring. This page demonstrates how components from our Living Style Guide are authored and rendered across different use cases.
- Use the Sidekick library to copy block structures and paste them into a document to experiment with authoring.
Default Content
Headings
Semantic heading levels (H1–H6) for page and section structure.
Text
Paragraph styles, inline formatting, and text alignment options.
Images
Responsive images with optimized loading and layout control.
Lists
Ordered and unordered lists with visual style variations.
Links
Inline and standalone links with accessible states.
Buttons
Primary, secondary, and tertiary CTAs with size and theme support.
Breadcrumb
Breadcrumbs provide a navigational trail that helps users understand their current location within the site hierarchy
Modal
Modals are overlay components used to display focused content (forms, login, informational content) without navigating away from the current page.
Blocks
Icons
Layout containers with spacing, background, and grid options.
Hero
Layout containers with spacing, background, and grid options.
Columns
Flexible multi-column layouts with responsive behavior.
Cards
Flexible multi-column layouts with responsive behavior.
Content Block
Title and description patterns with optional CTAs.
Embed
External embeds (iframe, social, etc.)
Fragments
Reusable content references
Product Recommendations
Recommend products based on the specific shopper's behavioral history
Table
Structured tabular data
Video
Embedded video content
Accordion
Expand/collapse content
Tabs
Segmented content views
Quick add to cart
Quick add to cart features added
Horizontal Stepper
Its progress stepper for multi-step flows like checkout
Carousel
Swipe contents
Separator
Line Separator
Spacer
Space block
Custom Leads Form
Sales form
Layout & Structure
Sections
Layout containers with spacing, background, and grid options.