feature request: Add CircularSliderWithChildren to documentation about react-circular-slider

[kylewetton]

Also, this styling makes no sense? Was that for your docs only? Would be helpful to be able to pass our own styling object to this div

position: absolute; top: 25%; left: 50%; transform: translateX(-50%); width: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center;

[mnkhouri]

Thanks! Added this to the documentation.

I forget why I had width: 60px in there. I've removed it in 75dd0bb.

To use your own style, it's probably easiest to just construct your own version of the CircularSliderWithChildren, since the code is so simple. The styling of that inner div is somewhat tied to the styling of the outer div, so I'm not sure how to cleanly expose it

react-circular-slider/src/index.tsx

Lines 365 to 397 in 75dd0bb

	export class CircularSliderWithChildren extends React.Component<
	React.PropsWithChildren<Props>
	> {
	static defaultProps = CircularSlider.defaultProps;
	render() {
	const { size } = this.props;
	return (
	<div
	style={{
	width: size,
	height: size,
	position: "relative",
	}}
	>
	<CircularSlider {...this.props} />
	<div
	style={{
	position: "absolute",
	top: "25%",
	left: "50%",
	transform: "translateX(-50%)",
	display: "flex",
	flexDirection: "column",
	alignItems: "center",
	justifyContent: "center",
	}}
	>
	{this.props.children}
	</div>
	</div>
	);
	}
	}