No Purchase Made

    rf-bootstrap3

    0.4.1 • Public • Published

    RF Bootstrap3

    rf-form components suit for bootstrap3.

    This docs list the components of this suit. refer to rf-form to see default apis.

    Installation

    • install bootstrap3 styles. this package is roughly tested with bootstrap 3.3.6
    • npm install --save rf-bootstrap3

    Components

    Wrapper

    Group

    Array

    Fields

    Input

    this is a general input field. all other props will be passed down to the inner input component.

    Text

    • value - string
    • placeholder - string

    Textarea

    • value - string
    • placeholder- string
    • rows - number

    Number

    • value - number
    • placeholder - string

    Password

    • value - string
    • display - optional 'show' or 'hide'
    • placeholder: - string

    File

    • value - object as {path}
    • onChange - func(value, event), but value is an object as {path, file, files},
    • enablePreview - bool, if true, a preview of the selected image will be shown
    • previewStyle - object, inline-style for the preview, default to {maxWidth: '100%', maxHeight: '200px'}

    Date

    • value - js Date
    • display - 'utc' or 'local'. control how to display the value

    DatetimeLocal

    • value - js Date
    • display - 'utc' or 'local'. control how to display the value

    Checkbox

    • value - bool
    • label - string

    CheckboxGroup

    • value - array of string
    • items - object as {key: {label, readOnly, disabled}} or {key:label}, each key is for one item
    • inline - bool. if true, display as inline style

    RadioGroup

    • value - string
    • items - object as {key: {label, readOnly, disabled}} or {key:label}, each key is for one item
    • inline - bool. if true, display as inline style

    Select

    • value - string
    • items - object as {key: {label, readOnly, disabled}} or {key:label}, each key is for one item
    • placeholder - bool. if true, display as inline style

    MultipleSelect

    • value - array of string
    • items - object as {key: {label, readOnly, disabled}} or {key:label}, each key is for one item

    License

    ISC

    Keywords

    none

    Install

    npm i rf-bootstrap3

    DownloadsWeekly Downloads

    5

    Version

    0.4.1

    License

    ISC

    Last publish

    Collaborators

    • zhaoyao91