xyz-ui-typography v0.1.13

Typography

Install

yarn add xyz-ui-typography
# or
npm install xyz-ui-typography

Usage

<Typography size="h1">h1.heading1</Typography>
<Typography size="h2">h2.heading2</Typography>
<Typography size="h3">h3.heading3</Typography>
<Typography size="h4">h4.heading4</Typography>
<Typography size="h5">h5.heading5</Typography>
<Typography size="h6">h6.heading6</Typography>
<Typography size="title">普通标题!title</Typography>
<Typography size="body">主体!body</Typography>
<Typography size="button">按钮!button</Typography>

<Typography align="inhert">初始状态!</Typography>
<Typography align="center">在中间!</Typography>
<Typography align="left">在左边!</Typography>
<Typography align="right">在右边!</Typography>

<div style={{ width: 100 }}>
  <Typography noWarp>noWarp，我后面还有字!!!!</Typography>
</div>