alvcastillo

create-react-ui-library-monorepo

Set up a React UI Library with Typescript or Javascript and using lerna for monorepo strategy by running one command.

@uspk-ui/react-custom-hooks

List of reusable and functional hooks.

@uspk-ui/react-intl

Localization for components, to localize numbers, dates, and more.

@uspk-ui/react-layout

Alvaro Castillo <alvcastillo@uspk.com.mx>

@uspk-ui/react-multi-select

Some cool multi select stuff

@uspk-ui/react-popover

Popover is a non-modal dialog that floats around a trigger. It is used to display contextual information to the user, and should be paired with a clickable trigger element.

@uspk-ui/react-segmented-control

Segmented Control component helps navigate quickly between related content in a group.

@uspk-ui/react-spinner

Cool spinner that indecates loading state.

@uspk-ui/react-tabs

Component to show information in a great way.

@uspk-ui/react-toast

Toast are messages that you can display to your customer in a temporary way.

@uspk-ui/react-theme

Theme for the entire component lib.

@uspk-ui/react-focus-lock

null

@uspk-ui/react-box

Super usable and reusable component to use it as a container.

@uspk-ui/react-visually-hidden

VisuallyHidden is a common technique used in web accessibility to hide content from the visual client, but keep it readable for screen readers.

@uspk-ui/react-code-input

A generic component that can be used for validating code entry.

@uspk-ui/react-text

Text component using the official typography accross all the company.

@uspk-ui/react-image

component is used to display images.

@uspk-ui/react-icons

Icons rendered as React component and with different sizes

@uspk-ui/react-text-input

uspk-ui form component for textual user input.

@uspk-ui/react-accordion

accordions to make large groups of related content more digestible by collapsing them under scannable headings.

@uspk-ui/react-avatar

Component to represents users, and displays profile pictures, initials or fallbacks icons.

@uspk-ui/react-alert

provide contextual feedback messages for typical user actions. Alert can be used with and without close button.

@uspk-ui/react-banner

Banners are a type of notification for situations when the communication is prioritized as 'critical' or 'warning' to the customer.

@uspk-ui/react-buttons

Buttons to make certain actions across multiple places.