1.0.1 • Published 10 months ago
react-ninetyeight v1.0.1
React-NinetyEight
Simple Windows 98 themed draggable window react component.
Adding the package to your project
npm i react-ninetyeightCreating a simple window
import reactLogo from './assets/react.svg'
import Window98 from 'react-ninetyeight'
<Window98
title="Playing a gif!"
width="20vw"
icon={reactLogo}
draggable
actions={['minimize', 'close']}
options={['Lain', 'Settings']}
content={<><img style={{width: "450px", height: "100%"}}src="https://media.tenor.com/v-d5E2Xnv_sAAAAS/lain-serial-experiments-lain.gif"></img></>}
/>Attributes
| attribute | Accepted Values |
|---|---|
| width | Any size attribute, like px, vw, or %. |
| title | String value. |
| icon | any image directory or url. |
| color | First color value for the gradient background of the title, set to 'darkBlue' if empty. |
| color2 | Second color value for the gradient background of the title, set to 'royalBlue' if empty. |
| draggable | boolean, set to false if empty. |
| actions | Can be empty or array with any of the following: 'minimize', 'maximize', 'close' or 'question'. |
| options | Empty or array with any string values. |
| content | Any html content can be placed inside of curly brackets ({<></>}). |