-
Notifications
You must be signed in to change notification settings - Fork 14
/
types.ts
32 lines (31 loc) · 1.04 KB
/
types.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
type Props = {
/**
* Whether a contrast line should appear at the bottom of the header.
*/
underlined?: boolean;
/**
* Content showed in the header. Take into account that the component applies styles
* for the first child in the content, so we recommend the use of React.Fragment
* to be applied correctly. Otherwise, the styles can be modified.
*/
content?: React.ReactNode;
/**
* Content showed in responsive version. It receives the close menu handler that can
* be used to add that functionality when a element is clicked.
*/
responsiveContent?: (closeHandler: () => void) => React.ReactNode;
/**
* This function will be called when the user clicks the header logo.
*/
onClick?: () => void;
/**
* Size of the bottom margin to be applied to the header.
*/
margin?: "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
/**
* Value of the tabindex for all interactive elements, except those inside the
* custom area.
*/
tabIndex?: number;
};
export default Props;