0.2.1 • Published 4 years ago

oc-react-components v0.2.1

Weekly downloads
190
License
-
Repository
-
Last release
4 years ago

oc-react-components

Base components for building an ownCloud app with reactjs

The oc-react-components package provides some of the basic building blocks for building a UI for an ownCloud app: The main container element, a side navigation bar, a controlbar and the content container.

For an example usage see https://github.com/icewind1991/react_oc_boilerplate

<App/>

The <App/> component creates the main container element for app

<App appId="my_app">
    ...
</App>

<ControlBar/>

The <ControlBar/> component creates the bar on the top of the screen where the controls for the app are placed.

controlbar

<App appId="my_app">
    ...
    
    <ControlBar>
        ...
    </ControlBar>
    
    ...
</App>

<SideBar/>

The <SideBar/> component creates the navigation bar on side of the screen.

sidebar

The <SideBar/> component also comes with the <Entry/> and <Seperator/> component to be used to create the navigation entries in the sidebar.

<App appId="my_app">
    <SideBar>
        <Entry>
            ...
        </Entry>
        <Entry>
            ...
        </Entry>
        <Seperator/>
        <Entry>
            ...
        </Entry>
        ...
    </SideBar>

    ...
    
    ...
</App>

<Content/>

The <Content/> component main content container of the app, when a controlbar is used the content component will correctly adjust the styling to make room for the control bar on the top of the screen.

content

<App appId="my_app">
    ...

    ...
    
    <Content>
        ...
    </Content>
</App>
0.2.1

4 years ago

0.2.0

9 years ago

0.1.9

10 years ago

0.1.8

10 years ago

0.1.7

10 years ago

0.1.6

10 years ago

0.1.5

10 years ago

0.1.4

10 years ago

0.1.3

10 years ago

0.1.2

10 years ago

0.1.1

10 years ago

0.1.0

10 years ago