Front Common Components

A collection of reusable React components built with TypeScript and Vite. This library provides a set of commonly used UI components that can be easily integrated into any React application.

Available Components

• AutoComplete: Autocomplete input component
• Label: Form label component
• Select: Dropdown select component
• Input: Text input component
• InputPhone: Phone number input component
• Show: Conditional rendering component
• FormField: Form field wrapper component
• FormErrorMessage: Form error message component
• Title: Heading component
• Button: Button component
• Avatar: User avatar component

Installation

npm install @somosglobal/components

Usage

import { Button, Input, FormField } from '@somosglobal/components';

function MyComponent() {
  return (
    <FormField label="Username">
      <Input placeholder="Enter username" />
      <Button>Submit</Button>
    </FormField>
  );
}

Development

This project uses:

• React
• TypeScript
• Vite
• ESLint with TypeScript support

Setup

1. Clone the repository
2. Install dependencies:

npm install

3. Start the development server:

npm run dev

Building

To build the library:

npm run build

License

This project is proprietary software. All rights reserved. Unauthorized use, reproduction, or distribution of this software or any portion of it is strictly prohibited. See the LICENSE file for details.