Editorial Split
Editorial split lightbox with image and article layout.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| image | string | https://images.unsplash.com/photo-1500462918059-b1a0cb512f1d?q=80&w=2000&auto=format&fit=crop | Editorial image source URL. |
| backgroundColor | string | #eaeaea | Page background color. |
When to Use
Ideal for editorial magazines and creative agencies. Use when you want the lightbox to double as a full editorial spread with equal weight on image and copy.
Best Practices
Use high-contrast, dramatic photography on the left panel. The image transitions from grayscale to color on hover for a premium editorial reveal.
Why This Component Matters
Editorial layouts communicate digital excellence and attention to detail. This production-ready Uilora template helps you build an interface that feels curated and premium.
FAQ
QWhat's in the article panel?
The Uilora-branded article includes a category label, serif title, three editorial paragraphs, and a photographer credit.
QCan I customize the content?
The text is baked in as premium Uilora defaults. For custom content, extend the component with additional props.
QIs it mobile responsive?
Stacks vertically on mobile — image on top, article below.
Related Components
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.