Lines Matching refs:sm

26 By default, the grid system provides four breakpoints: xs, sm, md, and lg.
31 | sm   | [320, 520) | Small-width device. |
40 | sm   | Small-width device. |
53 … breakpoints: xs, sm, and md. If the value is less than 100 vp, the breakpoint is xs. If the value…
60 …akpoints: xs, sm, md, lg, and xl. If the value is less than 320 vp, the breakpoint is xs. If the v…
82          sm: 3, // The GridCol component occupies three grid columns on the small-width device.
183 …owColumnOption** type, you can assign values specific to the screen size (xs, sm, md, lg, xl, xxl).
189 …GridRow({ columns: { sm: 4, md: 8 }, breakpoints: { value: ['200vp', '300vp', '400vp', '500vp', '6…
202 If **columns** is only set for the sm and md screen size types, screen sizes smaller than sm use th…
259   let Gspan:Record<string,number> = { 'xs': 1, 'sm': 2, 'md': 3, 'lg': 4 }
261   GridCol({ span: { xs: 1, sm: 2, md: 3, lg: 4 } }){}
270   let Goffset:Record<string,number> = { 'xs': 1, 'sm': 2, 'md': 3, 'lg': 4 }
272   GridCol({ offset: { xs: 2, sm: 2, md: 2, lg: 2 } }){}
280   let Gorder:Record<string,number> = { 'xs': 1, 'sm': 2, 'md': 3, 'lg': 4 }
282   GridCol({ order: { xs: 1, sm: 2, md: 3, lg: 4 } }){}
314 …GridColColumnOption**, you can assign values specific to the screen size (xs, sm, md, lg, xl, xxl).
324         GridCol({ span: { xs: 1, sm: 2, md: 3, lg: 4 } }) {      
365 …GridColColumnOption**, you can assign values specific to the screen size (xs, sm, md, lg, xl, xxl).
376         GridCol({ offset: { xs: 1, sm: 2, md: 3, lg: 4 } }) {      
425 …assign values specific to the screen size (xs, sm, md, lg, xl, xxl). You can set 1234 for xs, 2341…
430       GridCol({ order: { xs:1, sm:5, md:3, lg:7}}) {
435       GridCol({ order: { xs:2, sm:2, md:6, lg:1} }) {
440       GridCol({ order: { xs:3, sm:3, md:1, lg:6} }) {
445       GridCol({ order: { xs:4, sm:4, md:2, lg:5} }) {
468       GridCol({ span: { sm: 12 } }) {
470           GridCol({ span: { sm: 2 } }) {
478           GridCol({ span: { sm: 10 } }) {
489       GridCol({ span: { sm: 12 } }) {