2.1.0 • Published 11 months ago
@hixme-ui/text v2.1.0
Text
npm i --save @hixme-ui/text
Usage
import Text, {
TextLink,
HyperLink,
Paragraph,
Label,
} from '@hixme-ui/text'
// text success
<Text success>I said good day sir!</Text>
// paragraph warning
<Text p warning>Are you sure?</Text>
<Paragraph warning>Are you sure?</Paragraph>
Props
Category | Name | Type |
---|---|---|
Tags | ||
a | bool | |
div | bool | |
label | bool | |
p | bool | |
States | ||
defaultColor | bool | |
primary | bool | |
success | bool | |
warning | bool | |
error | bool | |
muted | bool | |
Colors | ||
color | string | |
white | bool | |
black | bool | |
red | bool | |
blue | bool | |
purple | bool | |
yellow | bool | |
green | bool | |
light | bool | |
lighter | bool | |
Font Sizes | ||
fontSize | string | |
default | bool | |
smallest | bool | |
smaller | bool | |
small | bool | |
medium | bool | |
large | bool | |
larger | bool | |
jumbo | bool | |
Font Weights | ||
fontWeight | string | |
thinnest | bool | |
thinner | bool | |
thin | bool | |
normal | bool | |
bold | bool | |
bolder | bool | |
boldest | bool | |
Text Align | ||
left | bool | |
center | bool | |
right | bool | |
Text Decoration | ||
dashed | bool | |
Transforms | ||
uppercase | bool | |
lowercase | bool | |
capitalize | bool | |
Other | ||
cursor | string | |
display | string | |
fontFamily | string | |
href | string | |
justifyContent | string | |
lineHeight | string | |
onClick | string | |
textIndent | string | |
textOverflow | string | |
userSelect | string | |
whiteSpace | string | |
wordBreak | string |
TextLink and HyperLink
These components default to using the <a />
tag as it's rendered form.
HyperLink goes one step further in defaulting to a cursor pointer and a default primary color
import { TextLink, HyperLink } from '@hixme-ui/text'
<TextLink href='#point1' />
<HyperLink href='https://goingsomewhere.com' />
2.0.0-alpha.13
12 months ago
2.0.0
12 months ago
2.1.0
11 months ago
3.0.2
3 years ago
2.0.0-alpha.12
3 years ago
2.0.0-alpha.7
3 years ago
2.0.0-alpha.8
3 years ago
2.0.0-alpha.9
3 years ago
2.0.0-alpha.11
3 years ago
2.0.0-alpha.3
3 years ago
2.0.0-alpha.10
3 years ago
2.0.0-alpha.4
3 years ago
2.0.0-alpha.5
3 years ago
2.0.0-alpha.6
3 years ago
2.0.0-alpha.1
3 years ago
2.0.0-alpha.2
3 years ago
1.20.7
3 years ago
1.20.5
3 years ago
1.20.4
5 years ago
1.20.2
5 years ago
1.20.1
6 years ago
2.0.0-alpha.0
6 years ago
1.20.0
6 years ago
1.19.2
6 years ago
1.17.2
6 years ago
1.17.1
6 years ago
1.16.1
6 years ago
1.15.0
6 years ago
1.14.5
6 years ago
1.14.4
6 years ago
1.14.3
6 years ago
1.14.2
6 years ago
1.14.1
6 years ago
1.14.0
6 years ago
1.13.1
6 years ago
1.12.0
6 years ago
1.11.0
6 years ago
1.10.0
6 years ago
1.9.1
6 years ago
1.8.1
6 years ago
1.9.0
6 years ago
1.8.0
6 years ago
1.7.0
6 years ago
1.6.0
6 years ago
1.5.0
6 years ago
1.3.0
6 years ago
1.1.1
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago