73 lines
1.5 KiB
Plaintext
73 lines
1.5 KiB
Plaintext
{
|
|
"id": "login-screen",
|
|
"type": "container",
|
|
"version": "1.0.0",
|
|
"metadata": {
|
|
"name": "Login Screen",
|
|
"description": "User authentication screen with email and password inputs",
|
|
"author": "Fluxwing Team",
|
|
"created": "2024-10-11T12:00:00Z",
|
|
"modified": "2024-10-11T12:00:00Z",
|
|
"tags": ["auth", "login", "screen", "form"],
|
|
"category": "display",
|
|
"fidelity": "detailed"
|
|
},
|
|
"props": {
|
|
"title": "Welcome Back",
|
|
"subtitle": "Sign in to continue",
|
|
"components": [
|
|
"email-input",
|
|
"primary-button"
|
|
]
|
|
},
|
|
"layout": {
|
|
"display": "flex",
|
|
"positioning": "relative",
|
|
"spacing": {
|
|
"padding": 16,
|
|
"margin": 0
|
|
}
|
|
},
|
|
"behavior": {
|
|
"states": [
|
|
{
|
|
"name": "idle",
|
|
"properties": {
|
|
"showError": false,
|
|
"loading": false
|
|
}
|
|
},
|
|
{
|
|
"name": "loading",
|
|
"properties": {
|
|
"showSpinner": true,
|
|
"disableInputs": true
|
|
}
|
|
},
|
|
{
|
|
"name": "error",
|
|
"properties": {
|
|
"showError": true,
|
|
"errorMessage": "Invalid credentials"
|
|
}
|
|
}
|
|
],
|
|
"interactions": [
|
|
{
|
|
"trigger": "submit",
|
|
"action": "authenticate-user"
|
|
}
|
|
],
|
|
"accessibility": {
|
|
"role": "main",
|
|
"ariaLabel": "Login form",
|
|
"focusable": false
|
|
}
|
|
},
|
|
"ascii": {
|
|
"templateFile": "login-screen.md",
|
|
"width": 44,
|
|
"height": 20
|
|
}
|
|
}
|