BRJ/UI Library

The BRJ/UI library is a set of React components built on top of Material UI. It aims to provide a set of basic UI components for use in web applications. Below is a list of the components included in the library, organized by file structure.

How to start using BRJ UI?

First, use the basic wrapper component <BrjApp> to wrap your entire application.

Sample usage:

import { BrjApp } from '@brj/ui';

function App() {
  return (
    <BrjApp>
      <div>content</div>
    </BrjApp>
  );
}

This component automatically provides the basic interface for application context, hooks, core component registration, graphical theme and other settings. You can program any application inside this component.

Components

| Component | Description | |-----------|-------------| | AuthorCard | A component for displaying author information| | BrjApp | The main component for the BRJ app| | BrjLogo | A component for displaying the BRJ logo| | Card | A generic card component| | Editor | A text editor component| | Error404 | A component for displaying a 404 error page| | Footer | The footer component for the BRJ app| | PhoneNumber | A component for entering a phone number| | HeaderIdentity | A component for displaying user identity| | HeaderIdentityLoginButton | A component for displaying the login button in the identity section| | HeaderIdentityUserPopper | A component for displaying user options in the identity section| | HeaderMenuItem | A component for displaying menu items in the header| | HeaderSearch | A component for search functionality in the header| | HeaderSearchIcon | A component for displaying the search icon in the header| | InternalServiceStatus | A component for displaying the status of internal services| | PhpManualLogo | A component for displaying the PHP manual logo| | SourceCode | A component for displaying source code| | ThemeSwitch | A component for switching between light and dark themes|