Patterns

Patterns are layout primitives can be used to create robust and responsive layouts with ease.

Note

This page assumes you are familiar with Panda CSS patterns. If not, we recommend you first learn about them before moving forward.

Extra Patterns

Scrollable

preview mode

Scroll contents

Pariatur sint proident adipisicing sit deserunt officia duis dolor. Ipsum quis tempor est cupidatat in sunt consequat est amet exercitation nostrud adipisicing aliquip. Duis proident magna consectetur culpa reprehenderit ut magna. Pariatur cupidatat exercitation culpa ad. Sit deserunt aute deserunt enim dolore velit et voluptate ea ut. Duis do voluptate cillum commodo minim cillum aute minim. Magna eu tempor deserunt ut adipisicing qui irure ullamco consectetur ex nisi. Amet velit adipisicing irure adipisicing velit deserunt pariatur elit. Et sint proident minim sunt qui. Non laborum laborum ut cupidatat. Culpa sit dolor enim quis sit pariatur duis mollit. Tempor ipsum do anim sit veniam exercitation Lorem quis magna duis proident reprehenderit Lorem. Ullamco aliquip dolore tempor consequat officia laborum et in labore enim. Reprehenderit veniam sunt quis incididunt non reprehenderit mollit. Reprehenderit labore sint enim magna labore ex sint pariatur pariatur nulla cillum nisi. Eu sint aliqua deserunt eiusmod officia ipsum ipsum. Nostrud do dolore voluptate velit mollit tempor pariatur nostrud non. Sunt elit minim laborum in fugiat minim adipisicing magna ea aute. Proident qui eu et quis. Et dolore Lorem ad reprehenderit aliquip excepteur non labore reprehenderit pariatur excepteur consectetur. Do excepteur magna eu qui quis reprehenderit labore voluptate ullamco enim. Officia enim ad duis elit deserunt qui.

When to use

When you need to display a scrollable container element.

On this page