hoda-react
Version:
<div align="center"> <h1>:construction: flowbite-react (unreleased) :construction:</h1> <p> <a href="https://flowbite-react.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src=".github/assets/flowbite-react-github.png"> <
37 lines (36 loc) • 1.36 kB
TypeScript
import type { ComponentProps, FC, PropsWithChildren } from 'react';
import { DeepPartial } from '..';
import { FlowbiteBoolean } from '../Flowbite/FlowbiteTheme';
import { FlowbiteNavbarBrandTheme } from './NavbarBrand';
import { FlowbiteNavbarCollapseTheme } from './NavbarCollapse';
import { FlowbiteNavbarLinkTheme } from './NavbarLink';
import { FlowbiteNavbarToggleTheme } from './NavbarToggle';
export interface FlowbiteNavbarTheme {
root: FlowbiteNavbarRootTheme;
brand: FlowbiteNavbarBrandTheme;
collapse: FlowbiteNavbarCollapseTheme;
link: FlowbiteNavbarLinkTheme;
toggle: FlowbiteNavbarToggleTheme;
}
export interface FlowbiteNavbarRootTheme {
base: string;
rounded: FlowbiteBoolean;
bordered: FlowbiteBoolean;
inner: {
base: string;
fluid: FlowbiteBoolean;
};
}
export interface NavbarComponentProps extends PropsWithChildren<ComponentProps<'nav'>> {
menuOpen?: boolean;
fluid?: boolean;
rounded?: boolean;
border?: boolean;
theme?: DeepPartial<FlowbiteNavbarRootTheme>;
}
export declare const Navbar: FC<NavbarComponentProps> & {
Brand: FC<import("./NavbarBrand").NavbarBrandProps>;
Collapse: FC<import("./NavbarCollapse").NavbarCollapseProps>;
Link: FC<import("./NavbarLink").NavbarLinkProps>;
Toggle: FC<import("./NavbarToggle").NavbarToggleProps>;
};