gallery_grid_viewScreen PreviewsrocketGetting StartedhelpReact DocsmultitaskingChangeloglightbulbSupportloveDownload kit

helpDocumentation

Getting StartedReact DocumentationSupportChangelog
Screen PreviewsrocketDownload Kit
GuidesElements Styleguide→Importing and Bundle Size→"Component" Property→Building layouts with Uik→
ComponentsAvatar→Button→ButtonGroup→Chart→ChartLineBlank→Checkbox→CodeHighlight→CodeHighlightContainer→ContainerHorizontal→ContainerVertical→ContentTitle→Divider→Dropdown→DropdownItem→EmojiHeadline→FormInputGroup→Headline→HeadlineDesc→Input→MapPinCircle→NavBurger→NavLink→NavLinkDark→NavLinkSecondary→NavLinkTwo→NavPanel→NavSection→NavSectionTitle→NavTitle→OutsideClickHandler→ProgressBar→Radio→Select→StarRating→Tabs→Tag→TagContainer→Toggle→TopBar→TopBarLink→TopBarLinkContainer→TopBarSection→TopBarTitle→Uikon→Widget→WidgetBottomCta→WidgetContent→WidgetDoc→WidgetHeader→WidgetTable→

UikContentTitle

A simply styled component used on section titles or pre titles. See property detail example in buildings conceptual app.

PropertyTypeRequiredDefault ValueDescription
classNameStringfalsenullclassName, e.g. "my-custom-styling"
childrenReact.Nodefalsenull
ComponentReact.ElementTypefalsespanRenders the component with a given react element. By default, the component renders <span />. This is usefull when you want to use a same style but render a different HTML element or your custom component. Read and see more examples here.
...restanyfalseOther properties are passed down to the wrapping element

UikContentTitle Examples

ComponentExample Code
How it works

It's super simple 

<UikContentTitle>How it works</UikContentTitle>
<h2>It's super simple</h2>