[{"data":1,"prerenderedAt":154},["ShallowReactive",2],{"content-\u002Fp\u002Fwebflow-tools\u002Fattributes":3,"content-query-jpHrLiyAlG":99},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"thumbnail":11,"logo":12,"slug":13,"link":14,"metaTitle":15,"body":16,"_type":93,"_id":94,"_source":95,"_file":96,"_stem":97,"_extension":98},"\u002Fp\u002Fwebflow-tools\u002Fattributes","webflow-tools",false,"","Attributes","Powerful no-code\u002Flow-code solution for adding advanced functionality to your Webflow website. Powered by Finsweet.","2022-11-14","\u002Fuploads\u002Fimages\u002Fog.png","\u002Fimages\u002Fattributes.svg","attributes","https:\u002F\u002Fwww.finsweet.com\u002Fattributes","Webflow Tools - Jeminids - Webflow Developer & Webflow Designer Located in Indonesia",{"type":17,"children":18,"toc":88},"root",[19,29,37],{"type":20,"tag":21,"props":22,"children":23},"element","p",{},[24],{"type":20,"tag":25,"props":26,"children":28},"img",{"alt":7,"src":27},"https:\u002F\u002Fuploads-ssl.webflow.com\u002F636c9c27a8ca6a337959daa9\u002F6371a2a339109b2851149961_IPyMNw6Dtif9VAZdfGnqiTfTe8erIUC6gf3TcvkmpigpssIXD3m118OBVitdNTcarr0xbMyPI5OjBJgPY1mJ7HliXgpLaFr7MiUbYjs15zSSeOVGjXvs-QM2QwcFvnO9uR8H8d9pqH8JxkzTVC6C2C8j-En4K9dOaJvTur0gGvWfsl2-1wuHsf6pHEp11w.png",[],{"type":20,"tag":30,"props":31,"children":33},"h3",{"id":32},"what-you-can-create-with-attributes",[34],{"type":35,"value":36},"text","What you can create with Attributes",{"type":20,"tag":38,"props":39,"children":40},"ul",{},[41,47,52,57,62,67,72,77],{"type":20,"tag":42,"props":43,"children":44},"li",{},[45],{"type":35,"value":46},"Create accessible modal popups easily on Webflow.",{"type":20,"tag":42,"props":48,"children":49},{},[50],{"type":35,"value":51},"Create accessible accordions without Webflow Interactions.",{"type":20,"tag":42,"props":53,"children":54},{},[55],{"type":35,"value":56},"Increment and decrement (+ and -) counter in a Webflow Form.",{"type":20,"tag":42,"props":58,"children":59},{},[60],{"type":35,"value":61},"Count a number from an initial value to an end value.",{"type":20,"tag":42,"props":63,"children":64},{},[65],{"type":35,"value":66},"Star rating inside any Webflow form.",{"type":20,"tag":42,"props":68,"children":69},{},[70],{"type":35,"value":71},"Apply an active class when an input element is active.",{"type":20,"tag":42,"props":73,"children":74},{},[75],{"type":35,"value":76},"Build a custom Range Slider Form component",{"type":20,"tag":42,"props":78,"children":79},{},[80,82],{"type":35,"value":81},"Use a Webflow Dropdown element as a Webflow Form ",{"type":20,"tag":83,"props":84,"children":85},"select",{},[86],{"type":35,"value":87}," component\nDynamic Webflow Slider with Webflow CMS Collection List\nFilter items in a Webflow CMS dynamic Collection List\nPowerful load options for Webflow CMS Collection Lists\nDisable page scrolling when something happens\nAdd HTML and components to Webflow Rich Text Block\nSort items in a Webflow CMS dynamic Collection List\nAutomatically play and pause videos based on visibility in the viewport\nAdd copy to clipboard functionality to your Webflow project\nCombine multiple Collection Lists into one\nCount and display the number of items in a Webflow CMS Collection List\nLightbox \u002F modals that change position in the DOM. Avoid z-index, fixed position, and transform issues.\nNest Webflow CMS Collection lists without limitations\nCustomize what happens after a Webflow form submission.\nAutomatically generate a table of contents for a Rich Text Block.\nMirror a click from one element to another\nPrevious and next items on Webflow CMS Templates\nDynamic Webflow Tabs with Webflow CMS Collection List\nWebflow CMS dynamic Form Select\nCustomize slider dots for native Webflow Slider component\nShare content and URL to social media platforms\nMake Webflow Link Block elements editable in Editor\nDisplay custom code with syntax highlighting. Integrates with Webflow Rich Text.\nMirror a user input to another input\nSet a custom favicon for a specific page\nUse query parameter values to populate form inputs and text elements.\nInject static content in a Webflow CMS dynamic list.\nEstimated read time of Rich Text content based on word count\nAdd custom attributes with dynamic CMS data.\nAllows static elements to be used instead of the CMS List when using Attributes CMS solutions.\n\nPricing\nFree. Consider subscribing to the F'in Pro",{"title":7,"searchDepth":89,"depth":89,"links":90},2,[91],{"id":32,"depth":92,"text":36},3,"markdown","content:p:webflow-tools:Attributes.md","content","p\u002Fwebflow-tools\u002FAttributes.md","p\u002Fwebflow-tools\u002FAttributes","md",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"thumbnail":11,"logo":12,"slug":13,"link":14,"metaTitle":15,"body":100,"_type":93,"_id":94,"_source":95,"_file":96,"_stem":97,"_extension":98},{"type":17,"children":101,"toc":151},[102,108,112],{"type":20,"tag":21,"props":103,"children":104},{},[105],{"type":20,"tag":25,"props":106,"children":107},{"alt":7,"src":27},[],{"type":20,"tag":30,"props":109,"children":110},{"id":32},[111],{"type":35,"value":36},{"type":20,"tag":38,"props":113,"children":114},{},[115,119,123,127,131,135,139,143],{"type":20,"tag":42,"props":116,"children":117},{},[118],{"type":35,"value":46},{"type":20,"tag":42,"props":120,"children":121},{},[122],{"type":35,"value":51},{"type":20,"tag":42,"props":124,"children":125},{},[126],{"type":35,"value":56},{"type":20,"tag":42,"props":128,"children":129},{},[130],{"type":35,"value":61},{"type":20,"tag":42,"props":132,"children":133},{},[134],{"type":35,"value":66},{"type":20,"tag":42,"props":136,"children":137},{},[138],{"type":35,"value":71},{"type":20,"tag":42,"props":140,"children":141},{},[142],{"type":35,"value":76},{"type":20,"tag":42,"props":144,"children":145},{},[146,147],{"type":35,"value":81},{"type":20,"tag":83,"props":148,"children":149},{},[150],{"type":35,"value":87},{"title":7,"searchDepth":89,"depth":89,"links":152},[153],{"id":32,"depth":92,"text":36},1794037887278]