https://github.com/appleple/react-ui-expand

Just a simple UI helper to expand elements
https://github.com/appleple/react-ui-expand

Last synced: 4 months ago
JSON representation

Just a simple UI helper to expand elements

• Host: GitHub
• URL: https://github.com/appleple/react-ui-expand
• Owner: appleple
• License: mit
• Created: 2019-08-30T08:51:24.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T09:13:50.000Z (over 3 years ago)
• Last Synced: 2025-09-25T19:44:30.623Z (10 months ago)
• Language: HTML
• Size: 1.62 MB
• Stars: 2
• Watchers: 5
• Forks: 0
• Open Issues: 27
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-ui-expand

![](./assets/example.gif)

## Install

```

$ npm install react-ui-expand --save

```

## Usage

```js

import * as React from 'react';

import { render } from 'react-dom';

import Expand from 'react-ui-expand';

const Demo = () => {

  return (Open!!}

    >

    {(button) => {

      return(
{button}

        This Element will expand to fullscreen!!

      
);

    }}

  )

};


render(, document.getElementById('demo'));

```

## Props

Common props you may want to specify include:

- `beforeOpen` - subscribe to before open events

- `onOpen` - subscribe to open events

- `beforeClose` - subscribe to before close events

- `onClose` - subscribe to close events

- `className` - apply a className to the control

- `button` - jsx element to trigger events 

- `children` - callback function to return jsx element which includes the button element

## License

MIT Licensed. Copyright (c) appleple 2019.