GraphicsCarouselBlock class

A responsive carousel component showcasing graphic / project images with navigation controls and an entity biography card.

Figma Specifications (Node 957:17108 - GraphicsCarouselBlock):

  • Variants:
    • device=PC, isCarousel=True (957:17115):
      • Overall width: 896px (hug vertical).
      • Container: 2-column grid / row with 24px gap.
      • Images: 16:9 ratio, border radius 20px, 2px #F3F4F6 stroke, height ~245.25px.
      • Overlaid .CarouselControl placed at y: 98.78px with white 48x48px chevron buttons.
      • Bottom section: BiographyBlock (type=Tall, device=Web) with logo, badges, title, and subtitle.
    • device=Mobile, isCarousel=True (957:17121):
      • Overall width: 316px (hug vertical).
      • Container: Horizontal scroll / swipe carousel of cards (272px width, 153px height, 16:9 ratio, 24px gap).
      • Bottom section: BiographyBlock in compact mobile mode (hasLogo: false, hasBadgeBar: false).
Inheritance

Constructors

GraphicsCarouselBlock({Key? key, GraphicsCarouselBlockDevice device = GraphicsCarouselBlockDevice.auto, int pcItemsPerView = 2, double? width, double breakpoint = 600.0, double gap = 24.0, List<String>? imageUrls, List<Widget>? items, int? itemCount, IndexedWidgetBuilder? itemBuilder, ValueChanged<int>? onItemTap, Widget? biographyWidget, String title = 'Title', Widget? titleWidget, String subtitle = 'Subtitle', Widget? subtitleWidget, bool hasSubtitle = true, String? description, bool hasDescription = false, String? logoAssetPath, Widget? logoWidget, bool hasBadgeBar = true, List<String>? badgeLabels, List<Widget>? badges})
Creates a GraphicsCarouselBlock.
const

Properties

badgeLabels → List<String>?
Labels for badge pills.
final
badges → List<Widget>?
Custom badge widgets.
final
biographyWidget → Widget?
Custom widget override for the bottom biography block.
final
breakpoint → double
Width threshold below which mobile layout is activated (defaults to 600.0).
final
description → String?
Description text for the biography card.
final
device → GraphicsCarouselBlockDevice
Viewport mode (auto, pc, or mobile).
final
gap → double
Spacing gap between graphic items (defaults to 24px per Figma).
final
hasBadgeBar → bool
Whether the badge bar is displayed in PC mode (defaults to true).
final
hasDescription → bool
Whether description is displayed (defaults to false).
final
hashCode → int
The hash code for this object.
no setterinherited
Whether the logo is displayed in PC mode (defaults to true).
final
hasSubtitle → bool
Whether subtitle is displayed (defaults to true).
final
imageUrls → List<String>?
List of image URLs to display in the carousel.
final
itemBuilder → IndexedWidgetBuilder?
Builder for generating items dynamically.
final
itemCount → int?
Total count of items when using itemBuilder.
final
items → List<Widget>?
List of pre-constructed image widgets.
final
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
Image provider for the entity logo.
final
logoAssetPath → String?
Asset path for the entity logo.
final
logoWidget → Widget?
Custom widget override for the logo.
final
onItemTap → ValueChanged<int>?
Callback when an item is tapped.
final
pcItemsPerView → int
Number of graphic cards visible at once in PC mode (supports 2 or 3, defaults to 2 per Figma).
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
subtitle → String
Subtitle descriptive text.
final
subtitleWidget → Widget?
Custom widget override for subtitle.
final
title → String
Title text for the biography card.
final
titleWidget → Widget?
Custom widget override for title.
final
width → double?
Optional fixed width constraint for the entire container (defaults to fill available parent width).
final

Methods

createElement() → StatefulElement
Creates a StatefulElement to manage this widget's location in the tree.
inherited
createState() → State<GraphicsCarouselBlock>
Creates the mutable state for this widget at a given location in the tree.
override
debugDescribeChildren() → List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String
Returns a one-line detailed description of the object.
inherited
toStringShort() → String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited

Constants

version → const String
Component version for reference. v1.1.0: Added pcItemsPerView property to allow 2 or 3 visible blocks up front in PC mode. v1.0.0: Initial release matching Figma Node 957:17108.