Skip to content
fandhe-frontendcore v0.4.3
GitHub

Signature Pad

fandhe-frontend-pre-styled-ui の signature_pad mod が提供するスタイル済み Signature Pad 部品です。

関連 API: fandhe-frontend-pre-styled-ui API / fandhe-frontend-headless-ui API

Demo

署名入力領域。empty(未署名)/disabled の 2 状態を持ち、clear_trigger で消去操作を提供する。

Features

  • size variant を持たず、headless-ui の signature_pad::root へそのまま委譲する。
  • disabled/empty(未署名)の 2 状態フラグを root が直接引数で受け取る。
  • control/segment/clear_trigger の各パーツで署名領域・消去操作を構成する。

Anatomy

root
  label
  control
    segment
    guide
  clear-trigger

API Reference

Arguments

NameTypeDefaultDescription
disabledboolfalse無効化状態。
emptybooltrue未署名状態。
attrsVec<(&str, &str)>—root パーツへ合成する追加属性。
childrenVec<Node>—root 配下の子ノード(通常 control/clear_trigger を含む)。

Data Attributes

PartAttributeObserved Values
clear-triggerdata-disabled(値なし)
controldata-disabled(値なし)
guidedata-disabled(値なし)
labeldata-disabled(値なし)
rootdata-disabled(値なし)
rootdata-empty(値なし)