fontopro-ui-kit-lib v0.0.27

ui-kit-lib

BtnWithInnerBlock props:
children: React.JSX.Element
text: string
textAlignCenter?: boolean

ButtonBase props:
text?: string
onBtnClick?: () => void
isActive?: boolean
isDark?: boolean
isLight?: boolean
withBorder?: boolean
buttonType?: 'button' | 'submit' (default: 'button')
disabled?: boolean (default: false)
w100?: boolean (default: false)

CalendarDropdown props:
text: string text for unselected date
textAlignCenter?: boolean
isDropdownOpen: boolean
setIsDropdownOpen: (trigger: boolean) => void
children: ReactNode

CssLoader props:
isLoading: boolean

CubeAbsLoader props:
isActive: boolean isFixed?: boolean

DashPlusButton props:
text: string
onBtnClick?: () => void

DashPlusButton props:
setNewFile: Dispatch<SetStateAction<File | null>>
btnText?: string
text?: string

HeaderLogo no props

InputWithLabel props:
labelText: string
inputType: string
onInputChange: Dispatch<SetStateAction<string>>
inputValue: string

Modal props:
isOpen: boolean
onClose: () => void
children: ReactNode
wideModal?: boolean if true => modal__content width = 800px

NumberInput props:
count: number
setCount: Dispatch<SetStateAction<number>>

NumShownItemsSelect props:
numOfShownItems: 10 | 50 | 100
setNumOfShownItems: (n: 10 | 50 | 100) => void

SelectFallList props:
items: { title: string; value: string }[]
selectedItem: string
onSelect: React.Dispatch<string>
element: () => React.JSX.Element (SVG icon)
w100?: boolean

SwitchTabsControls props:
tabs: T[]
currentTab: T
setCurrentTab: React.Dispatch<T>

TablePagination props:
currentPageNum?: number
onPageChange?: React.Dispatch<React.SetStateAction<number>>
maxItemsNum?: number
numOfShownItems: 10 | 50 | 100