Description#

Core is package that has every react component of codecraftkit except for Chart.

Installation#

npm install @codecraftkit/core

External dependencies#

npm i @apollo/client @tinymce/tinymce-react @chakra-ui/react @emotion/react@^11 @emotion/styled@^11
npm i framer-motion@^4 formik graphql graphql-tag react-icons rc-slider react-lottie-wrapper react-custom-scroll
npm i react-datepicker react-input-files react-input-mask react-paginate react-toast-notifications
npm i moment react-html-parser react-translate babel-runtime @codecraftkit/comet

Example of some components#

Alert#

The Alert Component is an easy and simple way to make alerts, it saves you to make many unnecessary imports, and you just need to pass a few props like title and body

Animation#

Animation is a component that uses react-lottie to show animations

BoxContainer#

BoxContainer allows us to encapsulate content within a Box with a border, title or actions

DataTable#

DataTable is a component that allows to create very customizable tables in a simple way

DataTabs#

DataTabs is used to create a tabs using the component Tabs from Chakra ui, it is very easy and simple to use.

FormField#

FormField is used to create fields, it have to be used with formik and can take many types like select, radio, text, etc....>

Modal#

Modal Component is a simple way to make modal, it saves you to make many unnecessary imports and you just need to pass a few props like>

body#

Page Header is used to add a standard and simple header to any page.

PageHeader#

Paginate is used to handle a page Change in an amount of data predefined.

Image Gallery#

Image Gallery is a component to create an image gallery, with the options to add more images or redirect to another page.

Components List#