https://github.com/mufaddalhamidofficial/react-native-fieldset
react-native version of fieldset
https://github.com/mufaddalhamidofficial/react-native-fieldset
expo fieldset html-equivalent react react-native reactnative
Last synced: 4 months ago
JSON representation
react-native version of fieldset
- Host: GitHub
- URL: https://github.com/mufaddalhamidofficial/react-native-fieldset
- Owner: mufaddalhamidofficial
- License: unlicense
- Created: 2020-05-04T11:25:22.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-10-02T23:59:28.000Z (over 2 years ago)
- Last Synced: 2025-08-11T23:59:18.920Z (10 months ago)
- Topics: expo, fieldset, html-equivalent, react, react-native, reactnative
- Language: JavaScript
- Homepage: https://npmjs.com/react-native-fieldset
- Size: 53.7 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# FieldSet
## Installation
```
npm install react-native-fieldset
```
## Usage:
```javascript
import React from 'react';
import FieldSet from 'react-native-fieldset';
import { View, Text } from 'react-native';
//...
return (
Field Set Body
);
//...
```
## Api Reference
Property | Type | Default | Description | Required
-------- | ---- | ------- | --- | ---
label | String | `"FieldSet-label"` | Label for fieldset | Yes
labelBackgroundColor | String | `'#fff'`| background color for label View |No
labelColor | String | `'#000'`| Text Color of label |No
children | React Node | ```FieldSet-Body```| things to render inside fieldset |Yes
borderColor | String | `'#777'`| color of border of fieldset |No
labelFontSize | Number | 11.4| fontsize of label(Greater fontsize may not not look good) |No
labelStyle | Object | `{}`| style of label text|No
labelPosition | String(enum) `start`, `center`, `end` | `'start'`| position of label|No
twoLabel| Boolean| false | Can add label both the side|No
label2| String| `"Fieldset-label2"` | label of second string |No
labelStyle2| Object| `{}` | style of second label |No
## Contact me:
Email: [mufaddalhamidofficial@gmail.com](mailto:mufaddalhamidofficial@gmail.com)
Website: [behlahinfotech.com](http://www.behlahinfotech.com)