20CAKE20.JS
01-basic

Basics

10

01-basic/05-visibility.tsx

Visibility

Example

Official Cake20 View example for visibility.

export const data = {
  open: true,
};

export default () => (
  <main class="space-y-3 p-8">
    <Button onClick={() => (data.open = !data.open)}>Toggle notice</Button>
    <p hidden={!data.open}>This element keeps its state while hidden.</p>
  </main>
);