# Logo Tile

A neutral placeholder for a customer or partner logo.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/logo-tile
```

## Usage

```tsx
import { LogoTile } from '@/components/fetaui/logo-tile'

export function Example() {
  return <LogoTile name="Tideway" />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| name | string | required |
| kind | mark, wordmark | mark |
| icon | ReactNode |  |
| state | default, hover | default |
| animated | boolean | true |
| className | string |  |

## When to use

- In logo clouds until you have real marks.

## When not to use

- For a real logo: use its own artwork.

## Accessibility

- The name is real text.
- The mark is hidden from screen readers.

## Motion

- Hover lifts the tile 2 px with a soft shadow, washes it 4% and turns the mark 12 degrees on a spring in 420 ms.
- The name eases 2 px over in 240 ms.
- With reduced motion or `animated` off, only the colours change.