https://github.com/rintoj/native-x-text
https://github.com/rintoj/native-x-text
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/rintoj/native-x-text
- Owner: rintoj
- Created: 2021-02-09T06:07:51.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-08-13T20:39:15.000Z (almost 5 years ago)
- Last Synced: 2025-02-06T05:17:33.489Z (over 1 year ago)
- Language: TypeScript
- Size: 173 KB
- Stars: 0
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# native-x-text
[](https://github.com/semantic-release/semantic-release)
This component adds space between to other components
## Install
### Yarn
```sh
yarn add native-x-text
```
### NPM
```sh
npm install native-x-text
```
## Usage
```tsx
import { Text } from 'native-x-text'
function MyComponent() {
return (
...
Header 1
Header 2
Header 3
Body Text
Secondary Text
Caption
Footer
...
)
}
```
## Style Inheritance
```tsx
Hello, world!
```
The text "world!" will inherit all properties of the parent "Hello,"
## API
| Property | Default Value | Usage |
| ---------------------- | ------------- | -------------------------------------------------------------------------- |
| fill?: boolean | false | Fill container or available space |
| bold?: boolean | false | Show text in bold |
| semiBold?: boolean | false | Show text in semi-bold (works only if bold is set to false) |
| thin?: boolean | false | Show text in think font (works only if bold and semiBold are set to false) |
| italic?: boolean | false | Show text in italic |
| alignLeft?: boolean | false | Align left |
| alignCenter?: boolean | false | Align center |
| alignRight?: boolean | false | Align right |
| children?: string | | Content |
| upperCase?: boolean | false | Show content in upper case |
| style?: TextStyle | | Additional style |
| numberOfLines?: number | | Total number of lines to show |
| onPress?: () => void | | Callback on tap |
## Automatic Release
Here is an example of the release type that will be done based on a commit messages:
| Commit message | Release type |
| ------------------- | --------------------- |
| fix: [comment] | Patch Release |
| feat: [comment] | Minor Feature Release |
| perf: [comment] | Major Feature Release |
| doc: [comment] | No Release |
| refactor: [comment] | No Release |
| chore: [comment] | No Release |