@prosperitainova/dumbo-react-native
Version:
Dumbo for React Native Library
35 lines • 1.79 kB
TypeScript
import React from 'react';
import { ViewProps, StyleProp, ViewStyle, GestureResponderEvent } from 'react-native';
import type { NavigationButton } from '../../types/navigation';
import { LinkProps } from '../Link';
/** Props for TopNavigationBarLogin component */
export type TopNavigationBarLoginProps = {
/** Title to show */
title: string;
/** Sub title to use. This can include links by padding ReactNode. Normally body-compact-02 styling if using ReactNode */
subTitle?: string | React.ReactNode;
/** Text for back button (this will auto style. This shoudl be `Back` or `Prior_page_name` depending on context. See design file for usage.) */
backText?: string;
/** On press event for back button */
backOnPress?: (event: GestureResponderEvent) => void;
/** Right link to load */
rightLink?: LinkProps;
/** Right navigation items to load (will not be loaded if rightLink is used). Do not use more than 2 or can get funky looking. */
rightItems?: NavigationButton[];
/** Style to set on the item */
style?: StyleProp<ViewStyle>;
/** Direct props to set on the React Native component (including iOS and Android specific props). Most use cases should not need this. */
componentProps?: ViewProps;
};
/**
* TopNavigationBarLogin component for rendering the top navigation bar for login flows (which is different from regular views)
*
* {@link https://github.com/carbon-design-system/carbon-react-native/blob/main/example/src/Views/TopNavigationBarLogin.tsx | Example code}
*/
export declare class TopNavigationBarLogin extends React.Component<TopNavigationBarLoginProps> {
private get styles();
private get baseHeader();
private get pageHeader();
render(): React.ReactNode;
}
//# sourceMappingURL=index.d.ts.map