@mountain-ui/react-components NPM

@mountain-ui/react-components

Welcome to the @mountain-ui/react-components library documentation! This component library follows the atomic design structure, providing a scalable and organized approach to building UI components. Leveraging the power of react-mnt, our library offers features such as polymorphism, composability, and strong typing for seamless integration into your React applications.

Prerequisites

Before integrating our component library into your project, ensure that you have the following prerequisites:

Node.js: Make sure Node.js is installed on your machine. You can download it from nodejs.org.

Installation

To install and use the @mountain-ui/react-components library, follow these steps:

Open a terminal window in your project directory.
Run the following command to install the component library:
```
npm install @mountain-ui/react-components
```
Once installed, you can import and use the components in your project.

Usage Example

Here's a simple example demonstrating how to use some of the components in your React application:

import React from 'react';
import { MntButton, MntInput, MntCodeBlock } from '@mountain-ui/react-components';

function App() {
  return (
    <div>
      <MntButton variant='solid'>Click me</MntButton>
      <MntInput type='text' placeholder='Enter text' />
      <MntCodeBlock language='jsx'>
        {`function example() {
  // Your code here
}`}
      </MntCodeBlock>
    </div>
  );
}

export default App;