@heroui/navbar
Version:
A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.
25 lines (22 loc) • 985 B
TypeScript
import * as _heroui_system from '@heroui/system';
import { HTMLHeroUIProps } from '@heroui/system';
import { ReactNode } from 'react';
import { AriaToggleButtonProps } from '@react-aria/button';
interface Props extends Omit<HTMLHeroUIProps<"button">, keyof AriaToggleButtonProps> {
/**
* The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue).
*/
value?: string;
/**
* Text to display for screen readers.
* @default open/close navigation menu
*/
srOnlyText?: string;
/**
* The icon to display.
*/
icon?: ReactNode | ((isOpen: boolean) => ReactNode) | null;
}
type NavbarMenuToggleProps = Props & AriaToggleButtonProps;
declare const NavbarMenuToggle: _heroui_system.InternalForwardRefRenderFunction<"button", NavbarMenuToggleProps, never>;
export { type NavbarMenuToggleProps, type Props, NavbarMenuToggle as default };