🌱 Component basics
Title | Image Slider |
Description |
🧐 Specifications
|
|
|---|---|
Navigation | A user can navigate through the slides by using the arrow links. |
Slides | Each slide consists of an image, two flex fields, and optional link |
Layout | The slider can utilize a text/visual or visual/text layout. The gradient will be lighter to darker for visual/text and darker to lighter for text/visual. |
Number of Items | There will not be a limit to the number of items in the slider. |
CMS Fields
Field Label | Field Type | Required? | Notes |
|---|---|---|---|
Eyebrow | single-line text | no | for text section |
Title | multi-line text | yes | for text section |
Description | multi-line text | no | for text section |
Link | link | no | for text section; admins may choose style (directional link or button); internal or external; includes link text and URL |
Add Slider Item | select | yes | allows admins to add another slider item, with CMS fields below |
Image | image | yes | for each slider item. Image dimensions: 670w x 470h |
Image Credit | single-line text | no | for each slider item |
Slider Title | single-line text | yes | for each slider item |
Slider Link | single-line text | no | |
Slider Description | link | no | Slider description to expand in the bottom direction. |
📐 Additional guidance
Content | |
|---|---|
Accessibility | |
Mobile | |
Best practices | |
Related |