Publish documentation on Github.

docs/assets/breakpoints.aa813c17.js → docs/assets/breakpoints.2116f3ce.js

@@ -1,4 +1,4 @@
-import{r as l,o as m,f as p,a as n,w as s,b as t,e,h as c,i as d,_ as f}from"./index.d4c88c2a.js";const x=e("Breakpoints"),g=e("What is this for?"),b=t("p",null,[e("If you are not familiar with breakpoints, you should first read about it."),t("br"),e(`
+import{r as l,o as m,f as p,a as n,w as s,b as t,e,h as c,i as d,_ as f}from"./index.7c0b9523.js";const x=e("Breakpoints"),g=e("What is this for?"),b=t("p",null,[e("If you are not familiar with breakpoints, you should first read about it."),t("br"),e(`
 The breakpoints are usaully useful when you want to change the layout for a particular viewport width.`),t("br"),e(`
 In Wave UI, you can use them in different ways:`)],-1),y=t("li",null,"Access the current breakpoint in JavaScript",-1),w=e("Use responsive grids with breakpoint-specific classes. Read more in"),k=e("Layout > Grid system"),v=e("."),S=e("Use breakpoint-specific layout classes like "),j=t("code",null,"sm-hide",-1),C=e(" or "),I=t("code",null,"lgu-text-center",-1),$=e(" and many other."),z=t("br",null,null,-1),B=e(`
 All the layout classes presented in: `),N=e("Layout > Flex"),U=e("Default breakpoints"),L=d('<p class="mt6">By default, 5 breakpoints are set:</p><ul><li class="mb1"><code class="mr2">xs</code><span>from 0 to 600px</span></li><li class="mb1"><code class="mr2">sm</code><span>from 601px to 900px</span></li><li class="mb1"><code class="mr2">md</code><span>from 901px to 1200px</span></li><li class="mb1"><code class="mr2">lg</code><span>from 1201px to 1700px</span></li><li class="mb1"><code class="mr2">xl</code><span>from 1701px and more</span></li></ul>',2),R=e("The "),T=t("code",null,"$waveui.breakpoint",-1),V=e(" object"),W=d(`<p class="mt4">You can access the current breakpoint from anywhere using

docs/assets/index.87939455.js → docs/assets/index.089c1eb0.js

@@ -1,4 +1,4 @@
-import{r,o as _,f,a as t,w as a,b as o,h,e,_ as w,a1 as k,E as C,a2 as O}from"./index.d4c88c2a.js";const $=o("p",{class:"mb3"},"What it looks like:",-1),E=o("div",{class:"title4 mt4"},"States",-1),I={class:"w-flex wrap"},P=o("p",{class:"mt12"},[e("There are 2 components: "),o("span",{class:"code"},"w-radio"),e(" & "),o("span",{class:"code"},"w-radios"),e(`.
+import{r,o as _,f,a as t,w as a,b as o,h,e,_ as w,a1 as k,E as C,a2 as O}from"./index.7c0b9523.js";const $=o("p",{class:"mb3"},"What it looks like:",-1),E=o("div",{class:"title4 mt4"},"States",-1),I={class:"w-flex wrap"},P=o("p",{class:"mt12"},[e("There are 2 components: "),o("span",{class:"code"},"w-radio"),e(" & "),o("span",{class:"code"},"w-radios"),e(`.
 The later is a group of radio buttons for convenience.`)],-1),D=o("p",null,"Let's start with the basic component.",-1),S=e("<w-radio>"),j=o("div",{class:"w-divider"},null,-1),q=o("div",{class:"title3"},"Important notes",-1),M=o("strong",{class:"title5"},"Name attribute",-1),B=o("p",{class:"mb4"},[e("With individual radio buttons (using "),o("span",{class:"code"},"<w-radio>"),e("), the "),o("code",null,"name"),e(` prop is
 needed for the radios to work together. This is how HTML knows they are part of the same group
 of choices.`),o("br"),e(`