Nuxt UI Pro v1.0 is out with dashboard components! Discount ends in 7 hours.

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'
}