{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "templazee/loader",
  "version": "0.1.0",
  "title": "loader",
  "category": "templazee",
  "description": "Displays a customizable page loading animation to enhance user experience while content is being loaded or processed.",
  "example": {},
  "supports": {
    "html": false
  },
  "textdomain": "first-block",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js",
  "attributes": {
    "loaderBackground": {
      "type": "string",
      "defaul": ""
    },
    "loaderColor": {
      "type": "string",
      "defaul": ""
    },
    "loaders": {
      "type": "string",
      "defaul": "inwardSpiral"
    },
    "borderRadius": {
      "type": "number",
      "default": 5
    },
    "loaderSize": {
      "type": "number",
      "default": 30
    },
    "loadingTime": {
      "type": "number",
      "default": 3
    },
    "showoption": {
      "type": "boolean",
      "default": false
    },
    "spinnerWidth": {
      "type": "number",
      "default": 8
    }
  }
}