Head

Install

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

Examples

Primary
Head content

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut eius dolorum pariatur! Eligendi blanditiis qui, quis assumenda sapiente fugiat, illo tenetur velit iste doloribus voluptatum.

Primary, centered
Head content

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut eius dolorum pariatur! Eligendi blanditiis qui, quis assumenda sapiente fugiat, illo tenetur velit iste doloribus voluptatum.

Separated
Head content

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut eius dolorum pariatur! Eligendi blanditiis qui, quis assumenda sapiente fugiat, illo tenetur velit iste doloribus voluptatum.

Extra
Head content
Separated with 'xlg' indentation & extra dropdown
Head test content

Usage

<Head>{children}</Head>

API

PropertyDescriptionTypeDefault
childrenentry of headReact.Node
appearanceprimary, separatedstringprimary
alignleft, centerstringleft
indentationsm: padding, margin = 8px,
md: padding, margin = 16px,
lg: padding, margin = 24px,
xlg: padding: 24px, margin: 44px
stringmd
extraentry of extra sideReact.Node
classNameJSX classNamestringnull