Tabbed Tiles Slider | Notion

Admin User Requirements for "Tabbed Tiles Slider"

Schema Overview

Category: Featured Media
Label: Tabbed Tiles Slider
Key: tabbed-tiles-slider
Preview Image:

Key Functionalities

Tabbed Slider
- Displays a slider with tabbed navigation, where each tab reveals associated tile content.
Tile Customization
- Each tab contains customizable content, including images, headings, descriptions, and buttons.
Styling Options
- Provides options for alignment, text color, and tile layouts.
Responsive Design
- Ensures optimal display on desktop, tablet, and mobile screens.

Fields and Defaults

Header Settings

Field	Required	Default	Description
Heading	Optional	"Tabbed Tiles Slider Heading"	Section heading displayed above the slider.
Subheading	Optional	Empty	Section subheading displayed below the heading.
Alignment	Optional	"text-center items-center"	Align heading and subheading: Options: `left`, `center`, `right`.

Tabs

Field	Required	Default	Description
Tab Name	Required	"Tab Name"	Name of the tab displayed in the navigation.
Tile Image	Required	Placeholder image provided	Image displayed in the tile.
Image Alt	Optional	Empty	Alt text for the selected image.
Heading	Optional	"Headline"	Heading for the tile.
Description	Optional	"Lorem Ipsum..."	Description text displayed for the tile.
Buttons	Optional	Empty	Call-to-action buttons (up to 2).

Content Settings

Field	Required	Default	Description
Content Alignment	Optional	"text-left items-start"	Aligns content within each tab.
Text Color	Optional	"var(--text)"	Text color for tile content.
Autoplay	Optional	Disabled	Enables automatic navigation through tabs.
Autoplay Speed	Optional	`5000ms`	Interval between autoplay transitions.
Show Navigation Arrows	Optional	Enabled	Displays navigation arrows for manual control.