From 5670c4bdc3ff9ff13b06a3ef123412645ba5c0a6 Mon Sep 17 00:00:00 2001 From: Artur Arseniev Date: Mon, 27 Dec 2021 19:23:08 +0100 Subject: [PATCH] Start default types doc --- docs/.vuepress/public/sm-base-type.jpg | Bin 0 -> 6281 bytes docs/.vuepress/public/sm-type-number.jpg | Bin 0 -> 5666 bytes docs/modules/Style-manager.md | 36 +++++++++++++++++++++-- 3 files changed, 33 insertions(+), 3 deletions(-) create mode 100644 docs/.vuepress/public/sm-base-type.jpg create mode 100644 docs/.vuepress/public/sm-type-number.jpg diff --git a/docs/.vuepress/public/sm-base-type.jpg b/docs/.vuepress/public/sm-base-type.jpg new file mode 100644 index 0000000000000000000000000000000000000000..2c2c4931715f643602ae104e988f286d6abe5575 GIT binary patch literal 6281 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 Y=2e17v>__*b63~#XaD}G0NNb + + ```js + // Example + { + // type: 'base', // Omitting the type in definition will fallback to the 'base' + property: 'some-css-property', + label: 'Base type', + default: 'Default value', + }, + ``` + +* `number` - Number input field for numeric values. Model: [PropertyNumber](/api/property_number.html) + + + + ```js + // Example + { + type: 'number', + property: 'width', + label: 'Number type', + default: '0%', + units: ['px', '%'], + min: 0, + max: 100, + }, + ``` * `slider` - * `select` - * `radio` -