divider

Basic usage

import {Divider} from "tuix-design"
copy
I am a divider
<Divider>I am a divider</Divider>
copy

Example

left
<Divider textPos="left">I am a divider</Divider>
copy
right
<Divider textPos="right">I am a divider</Divider>
copy
<Divider color="blue" space={10} size={5}></Divider>
copy

API

propstypestatusdefaultdescription
typevertical | horizontaloptionalhorizontalDivider type
textPoscenter | left | rightoptionalcentercontent's position
spacenumberoptionalNoneSpace arround divider in pixel
sizenumberoptional1Divider size
colorstringoptional#f4f4f4Divider color
usageexampleapi