API Reference@grafana/ui › CustomScrollbar

CustomScrollbar class

Wraps component into component from react-custom-scrollbars

Signature

export declare class CustomScrollbar extends Component<Props> 

Import

import { CustomScrollbar } from '@grafana/ui';

Constructors

Constructor Modifiers Description
constructor(props) Constructs a new instance of the CustomScrollbar class

Properties

Property Modifiers Type Description
defaultProps static Partial<Props>
renderThumb (thumb: ‘thumb-horizontal’ | ‘thumb-vertical’, passedProps: any) => JSX.Element
renderThumbHorizontal (passedProps: any) => JSX.Element
renderThumbVertical (passedProps: any) => JSX.Element
renderTrack (track: ‘track-vertical’ | ‘track-horizontal’, hideTrack: boolean | undefined, passedProps: any) => JSX.Element
renderTrackHorizontal (passedProps: any) => JSX.Element
renderTrackVertical (passedProps: any) => JSX.Element
renderView (passedProps: any) => JSX.Element

Methods

Method Modifiers Description
componentDidMount()
componentDidUpdate()
render()
updateAfterMount()
updateScroll()

constructor(props)

Constructs a new instance of the CustomScrollbar class

Signature

constructor(props: Props);

Parameters

Parameter Type Description
props Props

defaultProps property

Signature

static defaultProps: Partial<Props>;

renderThumb property

Signature

renderThumb: (thumb: 'thumb-horizontal' | 'thumb-vertical', passedProps: any) => JSX.Element;

renderThumbHorizontal property

Signature

renderThumbHorizontal: (passedProps: any) => JSX.Element;

renderThumbVertical property

Signature

renderThumbVertical: (passedProps: any) => JSX.Element;

renderTrack property

Signature

renderTrack: (track: 'track-vertical' | 'track-horizontal', hideTrack: boolean | undefined, passedProps: any) => JSX.Element;

renderTrackHorizontal property

Signature

renderTrackHorizontal: (passedProps: any) => JSX.Element;

renderTrackVertical property

Signature

renderTrackVertical: (passedProps: any) => JSX.Element;

renderView property

Signature

renderView: (passedProps: any) => JSX.Element;

componentDidMount method

Signature

componentDidMount(): void;

Returns:

void

componentDidUpdate method

Signature

componentDidUpdate(): void;

Returns:

void

render method

Signature

render(): JSX.Element;

Returns:

JSX.Element

updateAfterMount method

Signature

updateAfterMount(): void;

Returns:

void

updateScroll method

Signature

updateScroll(): void;

Returns:

void