Style Atomic Usage

Start with the basic example, then compare related settings before moving to controlled, asynchronous or combined use cases.

Basic examples

Combined

Spacing and responsive layout

Spacing

Breakpoints

Preview configuration: :columns="columns", :data="rows", :pagination="false".

Colors and typography

Colors