General Info
Separation Line
Description
The component is a simple separator, with ability to set only margin without any visible line.
Configuration Options:
Layout options
The separation line component can be used as an additional gap. On top of the content, there is separation line compoent with 3 rem gap setting - line is set to invisible. Below this paragraph, component have 2 rem size set.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate rhoncus varius. Proin convallis faucibus elit, eget bibendum eros finibus nec. Maecenas interdum justo a turpis condimentum maximus. Praesent accumsan mattis nisl, quis volutpat orci tempor eu. Duis suscipit ex ut ante euismod, interdum rutrum justo eleifend. Curabitur faucibus ligula nibh, sed gravida enim semper bibendum. Suspendisse potenti. Fusce cursus dolor congue, vulputate enim nec, consequat lacus. Fusce tincidunt lacinia sagittis. Nunc vitae mi nec dolor eleifend mattis pulvinar et odio. Aenean felis nibh, viverra lacinia odio a, lobortis pulvinar turpis. Quisque sed felis dolor.
Line with no gap.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate rhoncus varius. Proin convallis faucibus elit, eget bibendum eros finibus nec. Maecenas interdum justo a turpis condimentum maximus. Praesent accumsan mattis nisl, quis volutpat orci tempor eu. Duis suscipit ex ut ante euismod, interdum rutrum justo eleifend. Curabitur faucibus ligula nibh, sed gravida enim semper bibendum. Suspendisse potenti. Fusce cursus dolor congue, vulputate enim nec, consequat lacus. Fusce tincidunt lacinia sagittis. Nunc vitae mi nec dolor eleifend mattis pulvinar et odio. Aenean felis nibh, viverra lacinia odio a, lobortis pulvinar turpis. Quisque sed felis dolor.
Lines can have different colors and sizes.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate rhoncus varius. Proin convallis faucibus elit, eget bibendum eros finibus nec. Maecenas interdum justo a turpis condimentum maximus. Praesent accumsan mattis nisl, quis volutpat orci tempor eu. Duis suscipit ex ut ante euismod, interdum rutrum justo eleifend. Curabitur faucibus ligula nibh, sed gravida enim semper bibendum. Suspendisse potenti. Fusce cursus dolor congue, vulputate enim nec, consequat lacus. Fusce tincidunt lacinia sagittis. Nunc vitae mi nec dolor eleifend mattis pulvinar et odio. Aenean felis nibh, viverra lacinia odio a, lobortis pulvinar turpis. Quisque sed felis dolor.