A library that offers a variety of react components written in typescript.
The scope of this project is not to provide something like bootstrap, but to create a suite of components that behave as they should, leaving the styling to the specific project in which they are deployed.
npm install @axc/react-components --save
You can see the components in action in the Storybook
You can check the documentation of all components in the following link Documentation page
Documentation generated by typedoc
A I18n context provider and a I18String that consumes the provided context, allowing you to define traductions and provide them dynamically to your app.
When open it renders the contents above an overlay, it has harcoded fade transitions between open and closed states. Use cases can be: Dialogs, loading spinners, etc...
Basic router to be extended, it implements a default strategy and the hooks for custom routing strategies.
Router that implements a strategy based on a data structure similar to browser history(IMPORTANT: it doesn't edit or use the actual window location) and renders the children who's "path" prop matches partially/totally the active route.
They are intended to be used inside a MemoryRouter, as they are history context consumers
Renders the provided component/children and bootstraps history and route properties into it
On click pushes the provided location into MemoryRouter's history.
Renders a container with the provided children and with two buttons to switch the active child
like carousel, but also renders a link to each child in the form of several circle icons
Renders the active child and a button for each child.
Extends modal, renders the given title, description and options inside a modal and implements hooks to listen for onClick events on the options.
Renders the text as if was being typed by a human.
Costumizable input tag that implements the logic to display suggestions and the hooks to customize how those are obtained/managed
Component that has two modes, in one you set the time and in the other it counts down to 0 from the specified time, when it ends it calls provided function(if any)
Component that renders a stopwatch and two buttons to pause/start and reset it, by default starts counting from 0 but a custom starting amount can be specified via the start prop(numeric value in seconds)
Costumizable prompt system that allows connected components to trigger prompts and(asyncrhonously) parse the results inside the same function call.
To style the components i've set up the css classes in most of the elements, so you can just require the component styles and build up on that I might switch to css in js in the future to make it simpler to use the components.
List of components that I will probably implement
Generated using TypeDoc