divider

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

2,039

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

24 KB

A divider is a thin line that groups content in lists and layouts.

2 contributors

Install divider as a package?

Copied

npm i @bit/mui-org.material-ui.divider

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

divider ()

Demos:

API:

Properties

Name	Type	Description
absolute	`bool`	Absolutely position the element.
classes (required)	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`
component	`elementType`	The component used for the root node. Either a string to use a DOM element or a component.
flexItem	`bool`	If `true`, a vertical divider will have the correct height when used in flex container. (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
light	`bool`	If `true`, the divider will have a lighter color.
orientation	`'horizontal' \| 'vertical'`	The divider orientation.
role	`string`
variant	`'fullWidth' \| 'inset' \| 'middle'`	The variant to use.