README.md

dynamic-outlines

React Dynamic Outlines

npm package download

Live Example

Quickstart

1. Install the package

2. Create a parent component with height, width, and relative positioning

3. Make DynamicOutlines a child of the component and pass it the parent id as a prop

Options

borderColor color of the border lines

borderGap distance between parent and the border lines

borderWidth width of the border lines

transitionTime how long it takes the border lines to grow

Running the demo

1. Clone the repo

git clone https://github.com/AntCas/dynamic-outlines.git

2. Install dependencies

cd dynamic-outlines && npm install && cd demo && npm install

3. Run the demo

npm run start