20CAKE20.JS
06-components

Components

23

06-components/11-props-defaults.tsx

Props Defaults

Example

Official Cake20 View example for props defaults.

export type Props = {
  title: string;
  tone?: "warm" | "cool";
};

export const defaults = {
  tone: "warm" as const,
};

export default (props: Props) => (
  <section data-tone={props.tone}>
    <h2>{props.title}</h2>
  </section>
);