Skip to content
carousel
AutoXXS (320px)XS (375px)SM (640px)MD (768px)LG (1024px)XL (1280px)XXL (1536px)
SketchMaterialiOSTamagui
DataInjectionKeyPatternsServiceTransactionProcessResearchProductQualityPerformanceSpecDomainFunctionTechnologyArchitectureConfigMiddlewareDataDatabaseDrizzleMigrationModelop-sqliteSchemaSQLState ManagementDraftKeystoneMergePatchPatchesPersistenceReactiveRedoStoreUndoTestingDeviceFactoryIsolationTypeScriptZodTopicsCommunicationBidsNVCDesignDesign ImplicationsEducationPedagogyFoundationsPsychologyAttachmentFloodingRelatingAuthentic RelatingUIEditorReact Native

carousel

Fragment reference carousel
tags
ui

Carousels display content slides along a horizontal or vertical axis.

Usage

carousel
carousel-item Slide 1
carousel-item Slide 2

Features

Enable navigation and pagination.

carousel(navigation pagination loop)
carousel-item Slide 1
carousel-item Slide 2

Attributes

NameTypeDefaultDescription
navigationbooleanfalseShows nav arrows.
paginationbooleanfalseShows dots.
loopbooleanfalseEnable infinite loop.
autoplaybooleanfalseAuto-advance slides.
orientationhorizontal | verticalhorizontalAxis of movement.