[Home](./index.md) > [@jsamr/counter-style](./counter-style.md) > [CounterStyleRenderer](./counter-style.counterstylerenderer.md) > [withPadLeft](./counter-style.counterstylerenderer.withpadleft.md)
## CounterStyleRenderer.withPadLeft() method
Create a new renderer which adds padding to the left.
See [CSS Counter Styles Level 3, Zero-Padding and Constant-Width Representations: the pad descriptor](https://www.w3.org/TR/css-counter-styles-3/#counter-style-pad).
Signature:
```typescript
withPadLeft(length: number, pad: string): CounterStyleRenderer;
```
## Parameters
| Parameter | Type | Description |
| --- | --- | --- |
| length | number | The total length to which padding should be added. |
| pad | string | The character to pad. |
Returns:
[CounterStyleRenderer](./counter-style.counterstylerenderer.md)
## Remarks
If you need to pad with spaces, beware on React Native you should use non-breaking spaces on iOS (\\u00A0) or the padding might get trimmed.