Web Component: j-Rows
j-Rows
The component Rows
is a very simple alternative to j-Layout
and j-Layout2
.
Configuration:
parent
{String} can containparent
,window
or jQuery selector for theclosest
method (default:window
)margin
{Number} add margin toheight
(default:0
)marginlg
{Number} adds margin toheight
forLG
display (default:margin
)marginmd
{Number} adds margin toheight
forMD
display (default:margin
)marginsm
{Number} adds margin toheight
forSM
display (default:margin
)marginxs
{Number} adds margin toheight
forXS
display (default:margin
)noborder
{Boolean} disables border (default:false
)fontsize
{Boolean} enables percentual font-size according to the size of rows
Good to know:
Each row must be wrappend in <section>
, try to understand from example.
Attributes:
data-size
contains a size of sectionLG,MD,SM,XS
--> in pixels or percentage, example:200,200,200,0
(0
means hidden)- section without
data-size
attribute will be counted from the residual value
Author
- Peter Širka petersirka@gmail.com
- License
Created
01. february 2021
Updated
01. february 2023
Version
v1
License
https://www.totaljs.com/license/
Dark mode
Yes
Responsive
Yes
Author
Peter Širka
Email
petersirka@gmail.com
