Angle Slider

fandhe-frontend-pre-styled-ui の angle_slider mod が提供するスタイル済み Angle Slider 部品です。

Demo

角度入力用の Slider 部品。headless-ui の AngleSlider 状態機械（既定角度 0 度）をラップする。

Rotation

0deg

headless-ui の angle_slider::AngleSlider 状態機械を薄くラップし、size/colorPalette variant クラスを付与する。
root パーツが唯一 variant クラスを持ち、thumb_styled パーツが --fandhe-angle custom property を含む style を動的値の唯一の出力点として持つ。
Theme::to_css から生成される骨格 CSS（assets/pre-styled-ui.css）で --fandhe-angle-slider-track-size/--fandhe-angle-slider-thumb-size を含む既定スタイルを提供する。

root
  label
  control
    thumb
  value-text

Name	Type	Default	Description
`size`	`Size`	`Size::Md`	サイズ variant（`root` の variant クラスへ反映）。
`palette`	`ColorPalette`	`ColorPalette::Accent`	colorPalette 軸。`accent`/`info`/`success`/`warning`/`danger` から選択する。
`state`	`&AngleSlider`	—	headless-ui の角度状態機械（現在角度・ステップ幅を保持）。
`disabled`	`bool`	`false`	無効化状態。
`attrs`	`Vec<(&str, &str)>`	—	root パーツへ合成する追加属性（`class` は `drop_class_attr` により除去されてから合成される）。
`children`	`Vec<Node>`	—	root 配下の子ノード（通常 `thumb_styled` を含む）。

Variable	Default
`--fandhe-angle-slider-thumb-size`	`0.9rem`
`--fandhe-angle-slider-track-size`	`4.5rem`
`--fandhe-angle-slider-value-font-size`	`var(--fandhe-font-font-size-lg)`