Skip to content

Commit

Permalink
💡 Update comments
Browse files Browse the repository at this point in the history
  • Loading branch information
Luuk de Vlieger committed Apr 1, 2020
1 parent 37f5931 commit d8e8cf2
Showing 1 changed file with 12 additions and 12 deletions.
24 changes: 12 additions & 12 deletions src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -13,23 +13,23 @@ export default Hamburger
export { Fade, Sling, Spin, Squash, Turn, Twirl }

export interface CommonBurgerProps {
// The color of the icon bars, accepts any CSS-parsable argument.
/** The color of the icon bars, accepts any CSS-parsable argument. */
color?: string;
// The animation direction of the icon, left or right.
/** The animation direction of the icon, left or right. */
direction?: 'left' | 'right';
// The duration of the animation. Can be set to zero if no animation is desired.
/** The duration of the animation. Can be set to zero if no animation is desired. */
duration?: number;
// Hides the default browser focus style.
/** Hides the default browser focus style. */
hideOutline?: boolean;
// A callback which receives a single boolean argument, indicating if the icon is toggled.
/** A callback which receives a single boolean argument, indicating if the icon is toggled. */
onToggle?: (toggled: boolean) => any;
// Specifies if the icon bars should be rounded.
/** Specifies if the icon bars should be rounded. */
rounded?: boolean;
// A number between 12 and 48, which sets the size of the icon.
/** A number between 12 and 48, which sets the size of the icon. */
size?: number;
// A way to provide your own state action. Should be used together with a state value (the `toggled` prop).
/** A way to provide your own state action. Has to be used together with a state value (the `toggled` prop). */
toggle?: Dispatch<SetStateAction<boolean>>
// A way to provide your own state value.
/** A way to provide your own state value. Can be used together with a state action (the `toggle` prop). */
toggled?: boolean;
}

Expand All @@ -42,11 +42,11 @@ export interface RenderOptions {
isToggled: boolean;
margin: number;
move: number;
// CSS transition-duration property (in seconds).
/** CSS transition-duration property (in seconds). */
time: number;
// CSS transition-timing-function property.
/** CSS transition-timing-function property. */
timing: string;
// CSS top property (in pixels).
/** CSS top property (in pixels). */
topOffset: number;
}

Expand Down

0 comments on commit d8e8cf2

Please sign in to comment.