table-sort-label

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

6,646

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

32 KB

A button based label for placing inside `TableCell` for column sorting.

2 contributors

Install table-sort-label as a package?

Copied

npm i @bit/mui-org.material-ui.table-sort-label

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';

A button based label for placing inside TableCell for column sorting. Demos:

API:

A button based label for placing inside TableCell for column sorting.

Properties

Name	Type	Description
active	`bool`	If `true`, the label will have the active styling (should be true for the sorted column).
children	`node`	Label contents, the arrow will be appended automatically.
classes (required)	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`
direction	`'asc' \| 'desc'`	The current sort direction.
hideSortIcon	`bool`	Hide sort icon when active is false.
IconComponent	`elementType`	Sort icon to use.