Paper: React
Paper exists to group content and present it on a relative depth from where it resides on.
Installation
Before you can start using the @mediahuis/chameleon-react component, you’ll need to install it, for more information check: Getting started for developers.
With that done, you’re now ready to implement the component in your application.
import { Paper } from '@mediahuis/chameleon-react';
export default function Example() {
return <Paper>Example</Paper>;
}
Properties
| Property | Type | Default | Required | Description |
|---|---|---|---|---|
as | ElementType | 'div' | No | Props for the Paper component. |
elevation | Unknown | 0 | 1 | 2 | 3 | 1 | No | The elevation value of the Paper, ranging from -1 to 3. Higher values create a more prominent effect. |
hoverable | Boolean | false | No | Determines whether the visual effects on the Paper will interact on hover. |