Angle Slider
fandhe-frontend-pre-styled-ui の angle_slider mod が提供するスタイル済み Angle Slider 部品です。
関連 API: fandhe-frontend-pre-styled-ui API / fandhe-frontend-headless-ui API
Demo
角度入力用の Slider 部品。headless-ui の `AngleSlider` 状態機械（既定角度 0 度）をラップする。
Features
- 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` を含む既定スタイルを提供する。
Anatomy
root
thumbAPI Reference
Arguments
| 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` を含む）。 |
CSS Variables
| Variable | Default |
|---|---|
| --fandhe-angle-slider-thumb-size | 0.9rem |
| --fandhe-angle-slider-track-size | 4.5rem |