banex-ui-kit

ui-kit-banexcoin

UI Components of Banexcoin

Instalación

• Run npm i banex-ui-kit
• Add Bootstrap style on App.js (Important, must go before App.css) import 'bootstrap/dist/css/bootstrap.min.css';

Input Component

import {Input} from "banex-ui-kit/dist"

Props Available:

• md total columns that it will occupy (1 - 12)
• type text || password || email || number
• label
• helptext
• required
• readOnly
• controlId
• placeholder
• defaultValue
• isInvalid
• errorlabel is important add isInvalid props
• isValid
• successlabel is important add isValid props

Button Component

import {Button} from "banex-ui-kit/dist"

Props Available:

• disabled
• size sm || lg
• variant primary || action

Dropdown / DropdownItems / DropdownDivider / DropdownFilter

import {Dropdown, DropdownItems, DropdownDivider} from "banex-ui-kit/dist"

Dropdown

Props Available:

• md total columns that it will occupy (1 - 12)
• id is required
• size
• label
• helptext
• disabled
• title is required
• menuAlign left | right | { sm: "left"|"right" } | { md: "left"|"right" } | { lg: "left"|"right" } | { xl: "left"|"right"}

DropdownItems

Props Available:

• active
• disabled
• eventKey
• href
• onClick | onSelect

DropdownDivider

DropdownFilter

Props Available:

• options it's an array with label and value of items
• md total columns that it will occupy (1 - 12)
• placeholder field message
• label
• helptext
• defaultValue

Navbar

Props Available: