@mountain-ui/react-components
v1.3.0
Published
React components library based on mountain ui
Downloads
146
Maintainers
Readme
@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;
Components
For detailed information about each component, refer to the sub-pages:
Atoms
- MntButton
- MntCode
- MntIcon
- MntInput
- MntBox
- MntGrid
- MntContainer
- MntList
- MntListItem
- MntTag
- MntText
- MntParagraph
- MntHeading
- MntHeading
- MntVisuallyHidden