<.angle_slider class="angle-slider" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
<:label>Default</:label>
</.angle_slider>
<.angle_slider class="angle-slider angle-slider--accent" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
<:label>Accent</:label>
</.angle_slider>
<.angle_slider class="angle-slider angle-slider--brand" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
<:label>Brand</:label>
</.angle_slider>
<.angle_slider class="angle-slider angle-slider--alert" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
<:label>Alert</:label>
</.angle_slider>
<.angle_slider class="angle-slider angle-slider--info" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
<:label>Info</:label>
</.angle_slider>
<.angle_slider class="angle-slider angle-slider--success" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
<:label>Success</:label>
</.angle_slider>