/**
* Simple HTML Element Components
*
* Basic HTML element wrappers with modifier support for simple use cases.
* For enhanced SwiftUI-style components with advanced features,
* use the main component exports (Button, Image, Text, etc.).
*/
import type { ComponentProps } from '@tachui/core';
/**
* Simple HTML element wrappers with modifier support
*
* These are basic HTML element wrappers for simple use cases.
* For enhanced SwiftUI-style components with advanced features,
* use the main component exports (Button, Image, Text, etc.).
*/
export declare const HTML: {
/**
* Create a div element with modifier support
*/
div: (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
/**
* Create a span element with modifier support
*/
span: (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
/**
* Create an anchor element with modifier support
*/
a: (props?: {
children?: any;
href?: string;
onClick?: (event: MouseEvent) => void;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
/**
* Create a paragraph element with modifier support
*/
p: (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
/**
* Create a button element with modifier support
*
* Note: For enhanced button features (press states, variants, accessibility),
* use the main Button component instead.
*/
button: (props?: {
children?: any;
onClick?: () => void;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
/**
* Create an input element with modifier support
*/
input: (props?: {
type?: string;
value?: string;
placeholder?: string;
onChange?: (value: string) => void;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
/**
* Create an image element with modifier support
*
* Note: For enhanced image features (loading states, content modes, progressive loading),
* use the main Image component instead.
*/
img: (props: {
src: string;
alt?: string;
width?: number | string;
height?: number | string;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
/**
* Create a heading element with modifier support
*/
heading: (level: 1 | 2 | 3 | 4 | 5 | 6) => (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
};
/**
* Shorthand for heading elements
*/
export declare const H1: (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
export declare const H2: (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
export declare const H3: (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
export declare const H4: (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
export declare const H5: (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
export declare const H6: (props?: {
children?: any;
}) => import("@tachui/core").ModifiableComponent & import("@tachui/core").ModifierBuilder> & {
modifier: import("@tachui/core").ModifierBuilder>;
};
//# sourceMappingURL=HTML.d.ts.map