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

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

CodeSandbox

Edit on CodeSandbox

Source Code

View on Github