Tile UI Vue
Source code

Components

Carousel

Carousel component.

Use Carousel to cycle through a set of items.

Slide one

Slide two

Slide three

import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from '@tile-ui/vue';
 
export default function CarouselDemo() {
	return (
		<Carousel>
			<CarouselContent>

Registry install

pnpm dlx shadcn@latest add @tile-ui/carousel

Package usage

import { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext } from '@tile-ui/vue';
 
<Carousel>
	<CarouselContent>
		<CarouselItem>Slide one</CarouselItem>
		<CarouselItem>Slide two</CarouselItem>
	</CarouselContent>
	<CarouselPrevious />
	<CarouselNext />
</Carousel>

Highlights

  • Horizontal and vertical
  • Content, item, previous, and next

Registry dependencies

Item Purpose
carousel Component source and module styles
core Framework-agnostic logic helpers
styles Shared SCSS tokens and globals

API reference

Prop Type Default
orientation 'horizontal' | 'vertical' ‘horizontal’
PreviousCardNextChart