Content Block

Install

import {ContentBlock} from '@xsolla/uikit';

Examples

Primary (full height of parent)
Lorem ipsum dolor sit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus assumenda reprehenderit nemo sit optio omnis veritatis architecto ut beatae enim magnam dolor dolorem illo quam reiciendis adipisci dolore sequi quasi corporis. Cum nihil eius, cumque, qui, aspernatur explicabo error quam soluta praesentium numquam non nam ducimus. Quae, aliquid nihil?
Branding
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus assumenda reprehenderit nemo sit optio omnis veritatis architecto ut beatae enim magnam dolor dolorem illo quam reiciendis adipisci dolore sequi quasi corporis. Cum nihil eius, cumque, qui, aspernatur explicabo error quam soluta praesentium numquam non nam ducimus. Quae, aliquid nihil?
Flatten
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus, doloribus assumenda reprehenderit nemo sit optio omnis veritatis architecto ut beatae enim magnam dolor dolorem illo quam reiciendis adipisci dolore sequi quasi corporis. Cum nihil eius, cumque, qui, aspernatur explicabo error quam soluta praesentium numquam non nam ducimus. Quae, aliquid nihil?
Fetching
        
        

Usage

<ContentBlock>{children}</ContentBlock>

API

PropertyDescriptionTypeDefault
childrenentry of content blockReact.Node
appearanceprimary, flatten, branding, modalstringprimary
fetchingset the fetching statusboolfalse
wrapperClassNamecustom className for wrapper blockstring
classNamecustom className for inner blockstring
dataIdattribute for data identifierstring