# Feature bento

A six cell feature bento where small, real product UI acts each feature out on hover.

- ID: `feature-bento`
- Import: `animui/feature-bento`
- Category: block
- Runtime exports: `FeatureBento`
- Declaration: `types/pro/feature-bento.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: spotlight-grid, scroll-story, hero-section

```tsx
import { FeatureBento } from 'animui/feature-bento';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info feature-bento` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface FeatureBentoProps {
  title?: string;
  description?: string;
  features?: string | number | boolean | ReactNode;
  visuals?: string | number | boolean | ReactNode;
  className?: string;
}

export declare const FeatureBento: ComponentType<FeatureBentoProps>;

export default FeatureBento;
```