App React component is the main app component that allows to define global theme (iOS or Material) and other useful globals.
If you use Konsta UI with other framework (like Framework7 or Ionic), you should use KonstaProvider instead.
There are following components included:
App
Name | Type | Default | Description |
---|---|---|---|
component | string | 'div' | Component's HTML Element |
dark | boolean | false | Include |
safeAreas | boolean | true | Adds |
theme | 'ios' | 'material' | 'parent' | 'material' | App theme. If set to |
touchRipple | boolean | true | Enables touch ripple effect in Material theme. Allows to globally disable touch ripple for all components |
App
component should be used as main wrapper for all Konsta UI components, and there should be only one App
component at a time in the app:
import React from 'react';
import { App } from 'konsta/react';
export default function MyApp() {
return (
<>
{/* App component ideally should be the main root component */}
<App theme="ios" safeAreas>
{/* rest of Konsta UI components */}
</App>
</>
);
}