Arctic Design
Get StartedFoundationsComponentsExamples
K

Paper

Provides a customizable surface with elevation or outlined variants to visually distinguish content with depth or borders.

Usage
Curabitur vel cursus odio. Nullam imperdiet massa in purus commodo luctus. Etiam et massa et metus volutpat imperdiet. Integer in nunc eu dui feugiat hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Variant
Square
import { Paper } from '@arctic-kit/snow';
function Demo() {
return (
<Paper variant="elevation" elevation={1}>
Curabitur vel cursus odio. Nullam imperdiet massa in purus commodo
luctus. Etiam et massa et metus volutpat imperdiet. Integer in nunc
eu dui feugiat hendrerit. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas.
</Paper>
);
}

API Reference

PropsTypeDefault
classNamestring | undefined---
colorSnowColor---
elevation0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10---
noPaddingboolean | undefined---
onClick(() => void) | undefined---
selectedboolean | undefined---
size"small" | "medium" | "large"---
squareboolean | undefined---
styleCSSProperties | undefined---
variantPaperVariant---