Input Field: Binary
The source code of this page is available at
Form_FieldType_Binary.elm
.
Input field of type
Binary
includes these sub-types:
◆ Checkbox
◆ Switch
Here you can simulate all the possible states of the component
R10.Form.viewBinary
. You can click on all
yellow areas
below to change the state in real time. The messages on the right are all the messages that are fired by the component.
Note: Usually you don't need to call
R10.Form.viewBinary
directly because it is going to be called by
R10.Form.view
. Only call this view for advanced usage of this library. This page is meant to be used to visually see all possible states on the Text Input field
Label
Helper text (
Markdown
)
Elm code
R10.Form.viewBinary :
List (Attribute msg)
-> R10.Form.ArgsBinary msg
-> Element msg
R10.Form.viewBinary []
-- Stuff that usually doesn't change
-- during the life of the component
{ label = "
"
, helperText =
Just
"
"
, typeBinary =
R10.FormTypes.BinarySwitch
, palette = palette
-- Stuff that usually change
-- during the life of the component
, value =
False
, focused =
False
, validation =
Nothing
, disabled =
False
-- Messages
, msgOnChange = msgOnChange
, msgOnFocus = msgOnFocus
, msgOnLoseFocus = msgOnLoseFocus
, msgOnClick = msgOnClick
}
Messages
Overview
UI Components
Form
Form Entities
Form Boilerplate
Form Example - Table
Form Example - Credit Card
Form Example - Phone Selector
Input Field: Text
Input Field: Single
Input Field: Binary
Form States
Counter
Sortable Table
English
Japanese (日本語)
© Rakuten, Inc.
⬤
⬤
⬤
⬤
⬤
⬤
⬤
⬤
⋮
Overview
UI Components
Form
Form Entities
Form Boilerplate
Form Example - Table
Form Example - Credit Card
Form Example - Phone Selector
Input Field: Text
Input Field: Single
Input Field: Binary
Form States
Counter
Sortable Table
Language
English
Japanese (日本語)