Skip to main content
Module

x/lunchbox/components/Button/setup.ts>iButton

Component Library 🍱 for Deno 🦕 Fresh 🍋
CarcajadaArtificial/lunchbox
Go to Latest
type alias iButton
import { type iButton } from "https://deno.land/x/lunchbox@v0.3.15/components/Button/setup.ts";

Properties of the <Button /> component.

maxWidth (boolean): If true, expands the width of the button up to its maximum width.

compact (boolean): If true, the button's paddings will be shorter.

large (boolean): If true, the button's paddings will be larger.

type (ButtonTypes): Changes the button's style depending on the property.

  • disabled: Adds cursor: not-allowed and makes it look unavailable.
  • error: Makes it the standard red color.
  • panel: Gives a panel background to the button. If placed on top of a <Panel /> component, it gives a page background instead, simulating a "hole" in the panel.
  • transparent: Makes the button's background transparent.
definition: iComponent<HTMLButtonElement> & { maxWidth: boolean; compact: boolean; large: boolean; type: ButtonTypes; }