Box

processed with Commons Bootstrap 5 + Tabler 1.0
Documentation / Box

# Box

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
Footer 
    <@box>
        <@boxHeader title='Title'>
			<@button type='button' buttonIcon='plus' title='Action Button' size='sm' />
		</@boxHeader>
        <@boxBody>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
			Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, 
			ultricies sed, dolor. Cras elementum ultrices diam. 
			Maecenas ligula massa, varius a, semper congue, euismod non, mi. 
			Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. 
        </@boxBody>
        <@boxFooter>
            Footer
        </@boxFooter>
        
    </@box>

# Parameters documentation

Parameter Value Default Use
color string none CSS class to apply to the card.
id string none Unique identifier for the box.
style string none CSS style to apply to the box.
class string none CSS class to apply to the box.
title string none Title of the box.
collapsed boolean false Indicates whether the box is collapsed by default.
params string none Additional parameters for the box.