artifact | status |
---|---|
Vue 3 Component Library |
beta |
Vue 3 component library.
yarn install
yarn build
yarn serve
yarn lint
Labeled content. Label can be either on left or right side.
String
, required. Label to be displayed.
Boolean
, optional, defaults tofalse
. By default the label is rendered on the left side. Ifrev
istrue
then the label will be rendered on the right side.
Persistent checkbox.
String
, required. Local storage unique ID, to be used to store checkbox state.
Boolean
, optional, defaults tofalse
. Default value to use when there is not a yet a stored value in local storage,false
for unchecked andtrue
for checked.
Event content
id
Local storage unique ID.
checked
Checked status of persistent checkbox, false
for unchecked, true
for checked.
Persistent text input.
String
, required. Local storage unique ID, to be used to store text input value.
String
, optional, defaults to empty string. Default value to use when there is not a yet a stored value in local storage.
String
, optional, defaults to empty string. If non empty, a submit button with this caption will be added.
Boolean
, optional, default tofalse
. Clear text on submit.
Event content
id
Local storage unique ID.
value
Value of the persistent text input.
submit
Boolean, set to true
if the text was submitted by pressing ENTER or the submit button, undefined
otherwise.
Persistent combo box.
String
, required. Local storage unique ID, to be used to store selected value.
Array
, optional ( a default with 3 test options is provided ). Each element of the array is an object that has adisplay
and avalue
field. The former will be shown to the user, that latter will be returned as selected value.
[
{
display: "Display1",
value: "value1",
},
{
display: "Display2",
value: "value2",
},
...
}
Event content
id
Local storage unique ID.
value
Selected value of the persistent combo.
Tabpane.
String
, required. Local storage unique ID, to be used to store selected tab.
Number
, optional. Width of tab content inpx
. Defaults to 600. Should be set usingv-bind:
or:
.
Number
, optional. Height of tab content inpx
. Defaults to 400. Should be set usingv-bind:
or:
.
Every child of a Tabpane
is considered a tab. It can be any valid HTML element. You should add attribute caption
to each of these elements ( or accept default tab name, which is Tab {index of tab}
).
<Tabpane
id="tabpane"
v-on:tabpanechanged="event"
:width="300"
:height="100"
>
<div caption="Custom tab">custom</div>
<div>tab 1</div>
<div>tab 2</div>
</Tabpane>
Event content
id
Local storage unique ID.
selectedTab
Index of selected tab.
selectedTabCaption
Caption of selected tab.
Link that opens in new tab.
String
, required. Url or link.
String
, optional, defaults tohref
. Caption of link.
Chessboard.
FEN of the initial position. Optional, if no FEN is specified, the starting position will be set up.
Event content
orig
Original square of the move.
dest
Destination square of the move.
uci
Move in UCI notation.
isLegal
True if the move is legal, false otherwise.
legals
Legal UCIs for this move. Can be more than one if the move is promotion.
legalUci
If the move is legal, this is the UCI move the board actually played ( the first of legal UCIs ).
san
Move in SAN notation.