A list of logos or images to put on your landing pages.
Use the title
prop and pass a list of icons or images in the default slot.
<template>
<ULandingLogos title="Trusted by the best front-end teams" align="center">
<UIcon name="i-simple-icons-github" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-discord" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-x" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-instagram" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-linkedin" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-facebook" class="w-10 h-10 flex-shrink-0" />
</ULandingLogos>
</template>
Slot | Description |
---|---|
default | {} |
Prop | Type | Default | Description |
---|---|---|---|
title | string | undefined | |
ui | any | {} | |
align | “left” | “center” | “right” | “center” |
{
wrapper: 'text-center',
title: 'text-lg font-semibold leading-8 text-gray-900 dark:text-white',
images: 'mx-auto mt-10 flex flex-wrap items-center justify-between gap-8'
}