Custom Renderers

Photo album photos and container elements can be customized via custom render functions.

Custom Photo

const renderPhoto: RenderPhoto = (props) => {
    // ...
}

<PhotoAlbum renderPhoto={renderPhoto} ... />

Custom Container

const renderContainer: RenderContainer = (props: RenderContainerProps) => {
    // ...
}

<PhotoAlbum renderContainer={renderContainer} ... />

Custom Row Container

const renderRowContainer: RenderRowContainer = (props) => {
    // ...
}

<PhotoAlbum renderRowContainer={renderRowContainer} ... />

Custom Column Container

const renderColumnContainer: RenderColumnContainer = (props) => {
    // ...
}

<PhotoAlbum renderColumnContainer={renderColumnContainer} ... />

Live Demo

216 x 156
104 x 156
235 x 156
234 x 156
104 x 156
278 x 156
312 x 175
263 x 175
122 x 175
263 x 175
273 x 175
116 x 174
261 x 174
131 x 174
116 x 174
232 x 174
316 x 174
844 x 125
167 x 125
188 x 125
94 x 125

CodeSandbox

Edit on CodeSandbox

Source Code

View on Github