Adapt Components

Skip the boring stage and jump right into developing the interesting bits with these prop based React Components.

1. Table of Contents

1. Contents
2. Information
3. Demo
4. Installation
5. Usage
6. Support
7. Social

2. Information

3. Demo

Link to demo coming soon.

3. Installation

Install with NPM

npm i adapt-components

4. Usage

Import the component/s you wish to use.

import {Header, Footer} from 'adapt-components'

Call the component in your code where you wish it to appear. Fill out the props in order to fill in the component spaces

<Header logo="/icons/logo.svg" nav="..." />
<Footer name="Adapt Studio" Twitter="https://twitter.com/adaptstudio" />

A basic usage can be seen above or below without the commentary.

import {Header, Footer} from 'adapt-components'

export default function App() {
    return (
        <Header logo="/icons/logo.svg" nav="..." />
            <h1>Page Title Goes Here</h1>
        <Footer name="Adapt Studio" Twitter="https://twitter.com/adaptstudio" />
    )
}

6. Support

If you encounter a bug or error, please create a GitHub issue using the given template.

7. Social