diff --git a/ivette/src/ivette/index.tsx b/ivette/src/ivette/index.tsx index 34ded18921e2a74912856128ac0ade0ad0080cb9..1e710c2abcb336ca29871766d61fdd779a5c6338 100644 --- a/ivette/src/ivette/index.tsx +++ b/ivette/src/ivette/index.tsx @@ -30,11 +30,13 @@ */ import React from 'react'; +import { DEVEL } from 'dome'; import { Label } from 'dome/controls/labels'; import { DefineElement } from 'dome/layout/dispatch'; import { GridItem, GridHbox, GridVbox } from 'dome/layout/grids'; import * as Lab from 'ivette@lab'; import * as Ext from 'ivette@ext'; +import Sandbox from './sandbox'; /* --------------------------------------------------------------------------*/ /* --- Items ---*/ @@ -224,4 +226,17 @@ export function registerStatusbar(status: ToolProps) { Ext.STATUSBAR.register(status); } +/* --------------------------------------------------------------------------*/ +/* --- Sandbox ---*/ +/* --------------------------------------------------------------------------*/ + +if (DEVEL) { + registerComponent({ + id: 'ivette.sandbox', + label: 'Sandbox', + title: 'Ivette Sandbox Component (only in DEVEL mode)', + children: <Sandbox />, + }); +} + // -------------------------------------------------------------------------- diff --git a/ivette/src/ivette/sandbox.tsx b/ivette/src/ivette/sandbox.tsx new file mode 100644 index 0000000000000000000000000000000000000000..8d70318df47615309bf6e816b536ef8e2204fd9a --- /dev/null +++ b/ivette/src/ivette/sandbox.tsx @@ -0,0 +1,12 @@ +/* -------------------------------------------------------------------------- */ +/* --- Sandbox Ivette Component. --- */ +/* --- Only appears in DEVEL mode. --- */ +/* --- Please, keep it empty. --- */ +/* -------------------------------------------------------------------------- */ + +import React from 'react'; +import { Label } from 'dome/controls/labels'; + +export default function Sandbox() { + return <Label>Hello World!</Label>; +}