A 3D interactive logo component that renders a Spline-based 3D model of the LobeHub logo with a fallback image while loading.
LogoThree
import { LogoThree } from '@lobehub/ui/brand';A 3D interactive logo component that renders a Spline-based 3D model of the LobeHub logo with a fallback image while loading.
import { LogoThree } from '@lobehub/ui/brand';| Property | Description | Type | Default |
|---|---|---|---|
| size | The size of the logo in pixels | number | 128 |
| className | CSS class name | string | - |
| style | Inline style object | CSSProperties | - |
| onLoad | Callback function when the Spline model is loaded | (splineApp: any) => void | - |
Additionally, this component also accepts all properties from the Spline component.