LandingLogos
A list of logos or images to put on your landing pages.
Usage
Use the title
prop and pass a list of icons or images in the default slot.
Trusted by the best front-end teams
<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>
Slots
default
{}
Props
title
string
undefined
ui
any
{}
align
"left" | "center" | "right"
"center"
Config
{
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'
}