🌊
jsf
  • About KalmiaJSF
  • Setup
  • Architecture
  • Contributing
  • Changelog
  • Guides
    • Cheat Sheet
  • Examples
    • Demo example
    • Basic examples
    • Kitchen Sink example
    • Charts example
  • Schema
    • Intro to Schema
    • Prop types
      • String
      • Boolean
      • Number & Integer
      • Object
      • Array
      • Date
      • Id
      • Null
      • Ref
      • Binary
    • Prop options
      • Disabling property
      • On prop init actions
      • Persist
      • On value change
      • On user value change
    • Handlers
      • Color picker
    • Creating custom handler
      • Working with arrays
    • Value provider
  • Validation
    • Custom validation
    • Eval
  • LAYOUT
    • Intro to Layout
    • Layout options
      • Show & hide
      • On click action
  • INTERFACES
    • Value Options
  • Form
    • Form data
  • OTHER
    • Events
    • Lifecycle hooks
    • Notifications support
  • PAGES & COMPONENTS
    • Page
    • Component
  • THEMING
    • Creating new theme variant
  • BUILDER
    • Shortcuts
  • Help
    • FAQ
Powered by GitBook
On this page
  • Prop options
  • Layout options

Was this helpful?

Export as PDF
  1. Guides

Cheat Sheet

Official JSF cheat Sheet

PreviousChangelogNextDemo example

Last updated 4 years ago

Was this helpful?

Prop options

Prop type

Options

*

  • title Field title.

  • required Make field required.

  • default Default value to be used on fresh forms.

  • advancedDefault

  • const

  • enabledIf Make this field conditional.

  • evalValidators Specify custom validation rules.

  • handler Change behaviour.

  • virtual Ignore this field when submiting.

  • nullable When no value set, pretend to be null.

string

  • format Can be one of: 'email', 'hostname', 'uri', 'uri-reference', 'ipv4', 'ipv6', 'mac', 'date-time', 'date', 'time', 'regex', 'color', 'credit-card', 'phone'.

  • minLength Min. allowed length.

  • maxLengthMax. allowed length.

  • pattern Reqex rule. Have fun .

  • secret Make this filed show as password.

  • multiline Make this field show as textarea.

array

  • items

  • uniqueItems

  • minItems

  • maxItems

object

  • properties

date

  • minimum Min. allowed date.

  • maximum Max. allowed date.

number

  • minimum

  • maximum

  • exclusiveMinimum

  • exclusiveMaximum

  • maxDecimalDigits

integer

  • minimum

  • maximum

  • even

  • odd

Layout options

Layout type

Options

*

  • $mode

  • htmlOuterClass

  • htmlClass

  • preferences

  • handlerPreferences

  • visibleIf

  • buildIf

  • translatableFields

  • onClick

  • tooltip

  • analytics

👻
😁
🐣
🐣
👻
👻