https://github.com/tristanmatthias/mui-code-test

Material UI Code Test - React panes
https://github.com/tristanmatthias/mui-code-test

Last synced: about 2 months ago
JSON representation

Material UI Code Test - React panes

• Host: GitHub
• URL: https://github.com/tristanmatthias/mui-code-test
• Owner: tristanMatthias
• Created: 2020-02-28T22:55:45.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T03:02:02.000Z (about 2 years ago)
• Last Synced: 2024-05-07T12:00:51.610Z (8 months ago)
• Language: TypeScript
• Size: 5.69 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Material UI Test - Panes

![Example](example.png)

This is a code test for [Material UI](https://material-ui.com/). The [task](https://gist.github.com/oliviertassinari/38e50066df8894a7c4e0b46b39b42cb8) was to create a React component for resizable panes.

[LIVE DEMO](https://mui-panes.netlify.com)

# Usage

```ts

Pane 1,

  Pane 2,

  Pane 3,

    Pane 4

  ]} />

]} />

```

## Customization

This library supplies CSS variables for styling:

- `--pane-padding`: Change each panes padding

- `--pane-handle`: Change the color of the handle

- `--pane-handle-hover`: Change the color of the handle when hovered