LineWeight

The LineWeight category in the @itwin/imodel-components-react package includes classes and components for working with and picking a Line Weight.

WeightPickerButton Sample

The following sample shows the WeightPickerButton component used to pick a line weight.

State

interface State {
  . . .
  weight: number;
}

render() Method

<WeightPickerButton activeWeight={this.state.weight} onLineWeightPick={this._handleWeightChange} />

Handler Function

private _handleWeightChange = (value: number) => {
  this.setState({weight: value});
}

Note: The properties for the WeightPickerButton are defined in the WeightPickerProps interface. The optional weights prop may be used to provide the available weights.

API Reference

• LineWeight

Last Updated: 02 February, 2022