Skip to content

Instantly share code, notes, and snippets.

@hboylan

hboylan/Button.tsx

Last active June 21, 2021 19:45
Show Gist options
  • Save hboylan/03e8e5ec285fb5835ba4927d7b1b2116 to your computer and use it in GitHub Desktop.
Save hboylan/03e8e5ec285fb5835ba4927d7b1b2116 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. hboylan revised this gist Jun 21, 2021. 1 changed file with 1 addition and 11 deletions.
    12 changes: 1 addition & 11 deletions Button.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -5,12 +5,6 @@ export interface ButtonProps
    * @default "primary"
    */
    color?: ButtonColor;
    /**
    * Renders in compact mode
    * @default false
    * @deprecated
    */
    compact?: boolean;
    /**
    * Renders full width
    * @default false
    @@ -19,11 +13,7 @@ export interface ButtonProps
    /**
    * Renders icon left of text
    */
    iconLeft?: React.ReactElement<IconProps>;
    /**
    * Renders icon left of text
    */
    iconRight?: React.ReactElement<IconProps>;
    icon?: React.ReactElement<IconProps>;
    /**
    * Button size (small|medium|large)
    * @default "medium"
  2. hboylan created this gist Jun 21, 2021.
    32 changes: 32 additions & 0 deletions Button.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,32 @@
    export interface ButtonProps
    extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    /**
    * Button color (primary|secondary|transparent|link)
    * @default "primary"
    */
    color?: ButtonColor;
    /**
    * Renders in compact mode
    * @default false
    * @deprecated
    */
    compact?: boolean;
    /**
    * Renders full width
    * @default false
    */
    fullWidth?: boolean;
    /**
    * Renders icon left of text
    */
    iconLeft?: React.ReactElement<IconProps>;
    /**
    * Renders icon left of text
    */
    iconRight?: React.ReactElement<IconProps>;
    /**
    * Button size (small|medium|large)
    * @default "medium"
    */
    size?: ButtonSize;
    }