Input-test (Test task)

This project involves the development of a set of input-related components (InputText, InputLabel, InputGroup, InputAnnotation) based on a provided design mockup. These components are designed to be modular, reusable, and part of an independent library that could be utilized in any project.

Features

• InputText: A flexible text input component that can handle various input types.
• InputLabel: A customizable label component designed to pair with the InputText component.
• InputGroup: A container component that manages the layout of InputText, InputLabel and additional icons.
• InputAnnotation: A component for displaying additional information or context, with the capability to show a tooltip on hover.
• Storybook Integration: All components are demonstrated in Storybook with interactive examples and documented properties.

Technology Stack

• Next.js
• React.js
• SCSS
• BEM
• TypeScript
• Storybook

Getting Started

To get started with this project, follow these steps:

1. Clone the repository:

git clone https://github.com/l0nerof/input-test.git

2. Install dependencies:

npm install

3. Run the development server:

npm run storybook