Skip to content

The chayns-components are react components made for chayns® bundled in a npm package.

License

Notifications You must be signed in to change notification settings

MariusGertdenken/chayns-components

 
 

Repository files navigation

npm npm downloads license GitHub pull requests GitHub closed pull requests GitHub contributors

chayns-components

Installation

The ChaynsComponents can be installed directly from npm by using the following package:

npm install -S chayns-components@latest

The corresponding styles are included in our chayns CSS API. Also, you have to load our chayns JS API to use the components.

<!-- css styles -->
<script src="https://api.chayns-static.space/css/v4/compatibility/compatibility.min.js" version="4.2"></script>

<!-- js api -->
<script src="https://api.chayns-static.space/js/v4.0/chayns.min.js"></script>

The chayns-components are tree-shakeable. To use tree-shaking, follow this instruction.

Components Overview

The following components are part of this package:

Component Description Readme File
react-chayns-accordion Accordion Component Readme
react-chayns-amountcontrol AmountControl Component Readme
react-chayns-badge Badge Component Readme
react-chayns-bubble Bubble Component Readme
react-chayns-button Button Component Readme
react-chayns-calendar Calendar Component Readme
react-chayns-checkbox Checkbox Component Readme
react-chayns-color_picker ColorPicker Component Readme
react-chayns-combobox ComboBox Component Readme
react-chayns-contextmenu ContextMenu Component Readme
react-chayns-dateinfo DateInfo Component Readme
react-chayns-emoji_input EmojiInput Component Readme
react-chayns-expandable_content ExpandableContent Component Readme
react-chayns-file_input FileInput Component Readme
react-chayns-filterbutton FilterButton Component Readme
react-chayns-formatted_input FormattedInput Component Readme
react-chayns-gallery Gallery Component Readme
react-chayns-gridcalendar Grid-Calendar Component Readme
react-chayns-icon Icon Component Readme
react-chayns-image_accordion ImageAccordion Component Readme
react-chayns-input Input Component Readme
react-chayns-input_box InputBox Component Readme
react-chayns-list List Component Readme
react-chayns-modeswitch ModeSwitch Component Readme
react-chayns-openingtimes OpeningTimes Component Readme
react-chayns-personfinder PersonFinder Component Readme
react-chayns-position_input PositionInput Component Readme
react-chayns-progress_bar ProgressBar Component Readme
react-chayns-radiobutton RadioButton Component Readme
react-chayns-receiverinput ReceiverInput Component Readme
react-chayns-rfid_input RFID Input Component Readme
react-chayns-scrollview ScrollView Component Readme
react-chayns-selectbutton SelectButton Component Readme
react-chayns-selectlist SelectList Component Readme
react-chayns-setupwizard SetupWizard Component Readme
react-chayns-sharingbar SharingBar Component Readme
react-chayns-slider Slider Component Readme
react-chayns-smallwaitcursor SmallWaitCursor Component Readme
react-chayns-tag_input TagInput Component Readme
react-chayns-textarea TextArea Component Readme
react-chayns-tooltip Tooltip Component Readme

Internal Components

Component Description Readme File
react-chayns-textstring TextString Component Readme

Utility Functions

Function Description
imageUpload Function to upload images to tsimg.cloud
isTobitEmployee Get the information if user is an tobit employee
createLinks Creates a string with links from a string with URLs
removeHtml Removes HTML Tags from a string
ColorUtils Utility functions to convert color values (hex, rgb, hsv)
equalizer Utility functions to equalize the width of html elements

Development

We moved the development section to the CONTRIBUTING.md file.

About

The chayns-components are react components made for chayns® bundled in a npm package.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 97.1%
  • CSS 2.9%