ORIGIN BY

https://github.com/KeenthemesHub/seven-html-free

THEME DOCUMENTATION

https://preview.keenthemes.com/seven-html-free/documentation/getting-started.html

SVG url if needed

http://svgicons.sparkk.fr/
maybe will used next update

I made this just for practice thanks for Keenthemes

DEPENDENCIES

"dependencies": {
    "next": "12.1.6",
    "react": "18.2.0",
    "react-dom": "18.2.0"
}

This project is on progress

INSTALLATION

clone or download as zip
yarn install
yarn dev

ELEMENT

IMAGE

import Image from 'next/image'

<div className="symbol symbol-45px me-5 next-image-sm">
    <Image src="/assets/media/avatars/150-4.jpg" alt="Lebron Wayde" width={ 48 } height={ 48 } />
</div>

add class next-image-sm for handle thumbnail image width and height 48px rounded

ALERT

import React, { useState } from 'react'
import Alert from 'src/components/alert'

cost [alert, setAlert] = useState({color: 'warning', title: 'This is title', message: 'This is message'})

{
    alert ? (
        <Alert {...alert} callback={ () => setAlert(false)} />
    ) : null
}