Angle Slider · Style

    <.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>

  

    <.angle_slider class="angle-slider angle-slider--sm" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
  <:label>SM</:label>
</.angle_slider>
<.angle_slider class="angle-slider angle-slider--md" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
  <:label>MD</:label>
</.angle_slider>
<.angle_slider class="angle-slider angle-slider--lg" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
  <:label>LG</:label>
</.angle_slider>
<.angle_slider class="angle-slider angle-slider--xl" value={90.0} marker_values={[0.0, 90.0, 180.0, 270.0]}>
  <:label>XL</:label>
</.angle_slider>