Inline

Inline

import Inline from "@kiwicom/orbit-components/lib/Inline";
<Inline>Hello World!</Inline>

Props

NameTypeDefaultDescription
asstring"div"Render as element.
idstringOptional id of component.
classNamestringOptional className of component.
childrenReact.NodeThe children of the Inline.
dataTeststringOptional prop for testing purposes.
spacingspacingTokenThe spacing between children elements of the Inline
alignenumThe align-items of the Inline
justifyenumThe justify-content of the Inline
largeDesktopMediaQueriesObject for setting up properties for the largeDesktop viewport.
desktopMediaQueriesObject for setting up properties for the desktop viewport.
tabletMediaQueriesObject for setting up properties for the tablet viewport.
largeMobileMediaQueriesObject for setting up properties for the largeMobile viewport.
mediumMobileMediaQueriesObject for setting up properties for the mediumMobile viewport.

Media Queries

NameTypeDefaultDescription
spacingspacingTokenThe spacing between children elements of the Inline
alignenumThe align-items of the Inline
justifyenumThe justify-content of the Inline

enum

justifyalign
"start""start"
"end""end"
"center""center"
"between"
"around"

spacingToken

spacingToken
"none"
"XXXSmall" - deprecated (use "50")
"XXSmall" - deprecated (use "100")
"XSmall" - deprecated (use "200")
"small" - deprecated (use "300")
"medium" - deprecated (use "400")
"large" - deprecated (use "600")
"XLarge" - deprecated (use "800")
"XXLarge" - deprecated (use "1000")
"50"
"100"
"150"
"200"
"300"
"400"
"500"
"600"
"800"
"1000"
"1200"
"1600"