sidebar

v0.88.2

v0.86.0

v0.85.0

v0.84.0

STATUS

Passing

DOWNLOADS

839

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

3 years ago

SIZE

75 KB

Called before a sidebar begins to animate out.

1 contributor

Install sidebar as a package?

Copied

npm i @bit/semantic-org.semantic-ui-react.sidebar

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

Called before a sidebar begins to animate out.

Called after a sidebar has finished animating out.

Called when a sidebar has finished animating in.

Called when a sidebar begins animating in.

Sidebar ()

A sidebar hides additional content beside a page.

SidebarPushable ()

A pushable sub-component for Sidebar.

SidebarPusher ()

A pushable sub-component for Sidebar.

Properties

Name	Type	Default value	Description
as	`elementType`		An element type to render as (string or function).
animation	`'overlay' \| 'push' \| 'scale down' \| 'uncover' \| 'slide out' \| 'slide along'`		Animation style.
children	`node`		Primary content.
className	`string`		Additional classes.
content	`custom`		Shorthand for primary content.
direction	`'top' \| 'right' \| 'bottom' \| 'left'`	`'left'`	Direction the sidebar should appear on.
onHide	`function`		React’s original SyntheticEvent.
onHidden	`function`
onShow	`function`
onVisible	`function`
target	`custom \| custom`	`documentRef`	A sidebar can handle clicks on the passed element.
visible	`bool`	`false`	Controls whether or not the sidebar is visible on the page.
width	`'very thin' \| 'thin' \| 'wide' \| 'very wide'`		Sidebar width.
as	`elementType`		An element type to render as (string or function).
children	`node`		Primary content.
className	`string`		Additional classes.
content	`custom`		Shorthand for primary content.
as	`elementType`		An element type to render as (string or function).
children	`node`		Primary content.
className	`string`		Additional classes.
content	`custom`		Shorthand for primary content.
dimmed	`bool`		Controls whether or not the dim is displayed.