one/types/platform/compose.android.d.ts

One is a React framework for web, iOS, and Android apps.

import { type ReactNode } from 'react';
import type { ComposeBasicAlertDialogProps, ComposeHorizontalCenteredHeroCarouselProps, ComposeHorizontalMultiBrowseCarouselProps, ComposeHorizontalUncontainedCarouselProps, ComposeDateRangePickerProps, ComposeDateRangePickerDialogProps, ComposeHorizontalFloatingToolbarProps, ComposeToolbarFabProps, ComposeShapeProps, ComposeSyncSwitchProps, ComposeAlertDialogProps, ComposeAnimatedVisibilityProps, ComposeAssistChipProps, ComposeBadgeProps, ComposeBadgedBoxProps, ComposeBoxProps, ComposeButtonProps, ComposeCardProps, ComposeCheckboxProps, ComposeColumnProps, ComposeContainedLoadingIndicatorProps, ComposeDatePickerDialogProps, ComposeDatePickerProps, ComposeDialogProps, ComposeDividerProps, ComposeDropdownMenuItemProps, ComposeDropdownMenuProps, ComposeElevatedCardProps, ComposeExposedDropdownMenuBoxProps, ComposeExtendedFloatingActionButtonProps, ComposeFilterChipProps, ComposeFlowRowProps, ComposeFloatingActionButtonProps, ComposeIconProps, ComposeIconButtonProps, ComposeImageProps, ComposeInputChipProps, ComposeLazyColumnProps, ComposeLazyRowProps, ComposeListItemProps, ComposeLoadingIndicatorProps, ComposeModalBottomSheetProps, ComposeModalBottomSheetRef, ComposeNavigationBarItemProps, ComposeNavigationBarProps, ComposeNodeProps, ComposeOutlinedCardProps, ComposeProgressIndicatorProps, ComposePullToRefreshBoxProps, ComposeRadioButtonProps, ComposeRowProps, ComposeSpacerProps, ComposeSearchBarProps, ComposeSegmentedButtonProps, ComposeSegmentedButtonRowProps, ComposeSliderProps, ComposeSnackbarHostRef, ComposeSnackbarProps, ComposeSuggestionChipProps, ComposeSurfaceProps, ComposeSwitchProps, ComposeTextFieldProps, ComposeTextProps, ComposeTooltipBoxProps, ComposeTimePickerDialogProps, ComposeTimePickerProps, ComposeToggleButtonProps } from './composeTypes';
declare function Column({ children, horizontalAlignment, verticalArrangement, spacing, ...props }: ComposeColumnProps): import("react/jsx-runtime").JSX.Element;
declare function Row({ children, verticalAlignment, horizontalArrangement, spacing, ...props }: ComposeRowProps): import("react/jsx-runtime").JSX.Element;
declare function Spacer(props: ComposeSpacerProps): import("react/jsx-runtime").JSX.Element;
declare function FlowRow({ children, horizontalArrangement, verticalArrangement, ...props }: ComposeFlowRowProps): import("react/jsx-runtime").JSX.Element;
declare function Box({ children, contentAlignment, ...props }: ComposeBoxProps): import("react/jsx-runtime").JSX.Element;
declare function LazyColumn({ children, horizontalAlignment, verticalArrangement, contentPadding, ...props }: ComposeLazyColumnProps): import("react/jsx-runtime").JSX.Element;
declare function LazyRow({ children, verticalAlignment, horizontalArrangement, contentPadding, ...props }: ComposeLazyRowProps): import("react/jsx-runtime").JSX.Element;
declare function Image({ source, contentScale, alignment, contentDescription, tint, alpha, onLoad, onError, accessibilityLabel, ...props }: ComposeImageProps): import("react/jsx-runtime").JSX.Element;
declare function Snackbar({ containerColor, contentColor, actionColor, actionContentColor, dismissActionContentColor, actionOnNewLine, ...props }: ComposeSnackbarProps): import("react/jsx-runtime").JSX.Element;
declare function DropdownMenu({ children, expanded, onDismissRequest, containerColor, ...props }: ComposeDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
declare function DropdownMenuItem({ text, onClick, enabled, leadingIcon, trailingIcon, iconFilled, colors, ...props }: ComposeDropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
declare function ExposedDropdownMenuBox({ children, expanded, onExpandedChange, expandedRevision, value, placeholder, enabled, ...props }: ComposeExposedDropdownMenuBoxProps): import("react/jsx-runtime").JSX.Element;
declare function TooltipBox({ children, text, title, enabled, ...props }: ComposeTooltipBoxProps): import("react/jsx-runtime").JSX.Element;
declare function AnimatedVisibility({ children, visible, enter, exit, ...props }: ComposeAnimatedVisibilityProps): import("react/jsx-runtime").JSX.Element;
declare function PullToRefreshBox({ children, isRefreshing, onRefresh, enabled, ...props }: ComposePullToRefreshBoxProps): import("react/jsx-runtime").JSX.Element;
declare function NavigationBar({ children, containerColor, contentColor, tonalElevation, ...props }: ComposeNavigationBarProps): import("react/jsx-runtime").JSX.Element;
declare function SearchBarRoot(props: ComposeSearchBarProps): import("react/jsx-runtime").JSX.Element;
declare function DockedSearchBarRoot(props: ComposeSearchBarProps): import("react/jsx-runtime").JSX.Element;
declare const SearchBarLeadingIcon: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
declare const SearchBarTrailingIcon: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
declare function NavigationBarItem({ selected, onClick, label, icon, iconFilled, enabled, alwaysShowLabel, colors, ...props }: ComposeNavigationBarItemProps): import("react/jsx-runtime").JSX.Element;
declare function Badge({ children, containerColor, contentColor, ...props }: ComposeBadgeProps): import("react/jsx-runtime").JSX.Element;
declare function BadgedBoxRoot({ children, ...props }: ComposeBadgedBoxProps): import("react/jsx-runtime").JSX.Element;
declare function ListItemRoot({ children, colors, tonalElevation, shadowElevation, ...props }: ComposeListItemProps): import("react/jsx-runtime").JSX.Element;
declare function Card(props: ComposeCardProps): import("react/jsx-runtime").JSX.Element;
declare function ElevatedCard(props: ComposeElevatedCardProps): import("react/jsx-runtime").JSX.Element;
declare function OutlinedCard(props: ComposeOutlinedCardProps): import("react/jsx-runtime").JSX.Element;
declare function Surface({ children, color, contentColor, tonalElevation, shadowElevation, border, enabled, selected, checked, onClick, onCheckedChange, revision, ...props }: ComposeSurfaceProps): import("react/jsx-runtime").JSX.Element;
declare function HorizontalDivider({ thickness, color, ...props }: ComposeDividerProps): import("react/jsx-runtime").JSX.Element;
declare function VerticalDivider({ thickness, color, ...props }: ComposeDividerProps): import("react/jsx-runtime").JSX.Element;
declare function AssistChipRoot(props: ComposeAssistChipProps): import("react/jsx-runtime").JSX.Element;
declare function FilterChipRoot(props: ComposeFilterChipProps): import("react/jsx-runtime").JSX.Element;
declare function InputChipRoot(props: ComposeInputChipProps): import("react/jsx-runtime").JSX.Element;
declare function SuggestionChipRoot(props: ComposeSuggestionChipProps): import("react/jsx-runtime").JSX.Element;
declare const ChipLabel: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
declare const ChipLeadingIcon: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
declare const ChipTrailingIcon: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
declare const ChipAvatar: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
declare const ChipIcon: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
declare function Text({ text, fontSize, fontWeight, textAlign, maxLines, ...props }: ComposeTextProps): import("react/jsx-runtime").JSX.Element;
export declare function renderIcon({ name, size, filled, ...props }: ComposeIconProps, colorRole?: string): import("react/jsx-runtime").JSX.Element;
declare function Icon(props: ComposeIconProps): import("react/jsx-runtime").JSX.Element;
declare function Button({ label, disabled, variant, tone, icon, iconFilled, onPress, ...props }: ComposeButtonProps): import("react/jsx-runtime").JSX.Element;
declare function IconButton(props: ComposeIconButtonProps): import("react/jsx-runtime").JSX.Element;
declare function FilledIconButton(props: ComposeIconButtonProps): import("react/jsx-runtime").JSX.Element;
declare function FilledTonalIconButton(props: ComposeIconButtonProps): import("react/jsx-runtime").JSX.Element;
declare function OutlinedIconButton(props: ComposeIconButtonProps): import("react/jsx-runtime").JSX.Element;
declare function ToggleButton(props: ComposeToggleButtonProps): import("react/jsx-runtime").JSX.Element;
declare function IconToggleButton(props: ComposeToggleButtonProps): import("react/jsx-runtime").JSX.Element;
declare function FilledIconToggleButton(props: ComposeToggleButtonProps): import("react/jsx-runtime").JSX.Element;
declare function OutlinedIconToggleButton(props: ComposeToggleButtonProps): import("react/jsx-runtime").JSX.Element;
declare function SingleChoiceSegmentedButtonRow({ children, ...props }: ComposeSegmentedButtonRowProps): import("react/jsx-runtime").JSX.Element;
declare function MultiChoiceSegmentedButtonRow({ children, ...props }: ComposeSegmentedButtonRowProps): import("react/jsx-runtime").JSX.Element;
declare function SegmentedButton({ children, selected, checked, enabled, colors, onClick, onCheckedChange, revision, ...props }: ComposeSegmentedButtonProps): import("react/jsx-runtime").JSX.Element;
declare function Switch({ isOn, disabled, label, colors, onIsOnChange, revision, ...props }: ComposeSwitchProps): import("react/jsx-runtime").JSX.Element;
declare function Checkbox({ value, disabled, onCheckedChange, revision, colors, ...props }: ComposeCheckboxProps): import("react/jsx-runtime").JSX.Element;
declare function RadioButton({ selected, disabled, onClick, colors, ...props }: ComposeRadioButtonProps): import("react/jsx-runtime").JSX.Element;
declare function TextField({ text, onTextChange, revision, label, placeholder, disabled, variant, keyboardType, secureText, focused, focusRevision, onFocusChange, imeAction, onSubmit, maxLength, multiline, capitalization, autoCorrect, textAlign, ...props }: ComposeTextFieldProps): import("react/jsx-runtime").JSX.Element;
declare function Slider({ value, onValueChange, revision, minimumValue, maximumValue, lowerLimit, upperLimit, step, disabled, colors, ...props }: ComposeSliderProps): import("react/jsx-runtime").JSX.Element;
declare function AlertDialog({ visible, title, message, confirmLabel, dismissLabel, onConfirm, onDismiss, ...props }: ComposeAlertDialogProps): import("react/jsx-runtime").JSX.Element;
declare function Dialog({ children, visible, onDismiss, ...props }: ComposeDialogProps): import("react/jsx-runtime").JSX.Element;
declare function ProgressIndicator({ variant, progress, color, trackColor, strokeCap, gapSize, strokeWidth, drawStopIndicator, stopSize, amplitude, wavelength, waveSpeed, ...props }: ComposeProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
type ProgressVariantProps = Omit<ComposeProgressIndicatorProps, 'variant'>;
declare function LinearProgressIndicator(props: ProgressVariantProps): import("react/jsx-runtime").JSX.Element;
declare function CircularProgressIndicator(props: ProgressVariantProps): import("react/jsx-runtime").JSX.Element;
declare function LinearWavyProgressIndicator(props: ProgressVariantProps): import("react/jsx-runtime").JSX.Element;
declare function CircularWavyProgressIndicator(props: ProgressVariantProps): import("react/jsx-runtime").JSX.Element;
declare function LoadingIndicator({ progress, color, ...props }: ComposeLoadingIndicatorProps): import("react/jsx-runtime").JSX.Element;
declare function ContainedLoadingIndicator({ progress, color, containerColor, ...props }: ComposeContainedLoadingIndicatorProps): import("react/jsx-runtime").JSX.Element;
declare function DatePicker({ selection, onSelectionChange, revision, minimumDate, maximumDate, variant, showModeToggle, color, colors, ...props }: ComposeDatePickerProps): import("react/jsx-runtime").JSX.Element;
declare function TimePicker({ selection, onSelectionChange, revision, is24Hour, variant, color, colors, ...props }: ComposeTimePickerProps): import("react/jsx-runtime").JSX.Element;
declare function DatePickerDialog({ visible, selection, onConfirm, onDismiss, confirmLabel, dismissLabel, minimumDate, maximumDate, variant, showModeToggle, color, colors, ...props }: ComposeDatePickerDialogProps): import("react/jsx-runtime").JSX.Element;
declare function TimePickerDialog({ visible, selection, onConfirm, onDismiss, confirmLabel, dismissLabel, is24Hour, variant, color, colors, ...props }: ComposeTimePickerDialogProps): import("react/jsx-runtime").JSX.Element;
declare function BasicAlertDialog({ children, onDismissRequest, properties, ...props }: ComposeBasicAlertDialogProps): import("react/jsx-runtime").JSX.Element;
declare function DateRangePicker(props: ComposeDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
declare function DateRangePickerDialog(props: ComposeDateRangePickerDialogProps): import("react/jsx-runtime").JSX.Element;
declare function ToolbarRoot({ children, variant, colors, ...props }: ComposeHorizontalFloatingToolbarProps): import("react/jsx-runtime").JSX.Element;
declare function ToolbarFab({ children, onPress, ...props }: ComposeToolbarFabProps): import("react/jsx-runtime").JSX.Element;
declare function SyncSwitch({ isOn, enabled, onCheckedChangeSync, ...props }: ComposeSyncSwitchProps): import("react/jsx-runtime").JSX.Element;
export declare const Compose: {
    BasicAlertDialog: typeof BasicAlertDialog;
    HorizontalCenteredHeroCarousel: (props: ComposeHorizontalCenteredHeroCarouselProps) => ReactNode;
    HorizontalMultiBrowseCarousel: (props: ComposeHorizontalMultiBrowseCarouselProps) => ReactNode;
    HorizontalUncontainedCarousel: (props: ComposeHorizontalUncontainedCarouselProps) => ReactNode;
    DateRangePicker: typeof DateRangePicker;
    DateRangePickerDialog: typeof DateRangePickerDialog;
    HorizontalFloatingToolbar: typeof ToolbarRoot & {
        FloatingActionButton: typeof ToolbarFab;
    };
    Shape: {
        Star: ({ cornerRadii, color, cornerRounding, smoothing, verticesCount, innerRadius, radius, ...props }: ComposeShapeProps) => import("react/jsx-runtime").JSX.Element;
        PillStar: ({ cornerRadii, color, cornerRounding, smoothing, verticesCount, innerRadius, radius, ...props }: ComposeShapeProps) => import("react/jsx-runtime").JSX.Element;
        Pill: ({ cornerRadii, color, cornerRounding, smoothing, verticesCount, innerRadius, radius, ...props }: ComposeShapeProps) => import("react/jsx-runtime").JSX.Element;
        Circle: ({ cornerRadii, color, cornerRounding, smoothing, verticesCount, innerRadius, radius, ...props }: ComposeShapeProps) => import("react/jsx-runtime").JSX.Element;
        Rectangle: ({ cornerRadii, color, cornerRounding, smoothing, verticesCount, innerRadius, radius, ...props }: ComposeShapeProps) => import("react/jsx-runtime").JSX.Element;
        Polygon: ({ cornerRadii, color, cornerRounding, smoothing, verticesCount, innerRadius, radius, ...props }: ComposeShapeProps) => import("react/jsx-runtime").JSX.Element;
        RoundedCorner: ({ cornerRadii, color, cornerRounding, smoothing, verticesCount, innerRadius, radius, ...props }: ComposeShapeProps) => import("react/jsx-runtime").JSX.Element;
    };
    SyncSwitch: typeof SyncSwitch;
    Column: typeof Column;
    Row: typeof Row;
    Spacer: typeof Spacer;
    FlowRow: typeof FlowRow;
    Box: typeof Box;
    Badge: typeof Badge;
    BadgedBox: typeof BadgedBoxRoot & {
        Badge: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
    };
    ListItem: typeof ListItemRoot & {
        HeadlineContent: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
        OverlineContent: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
        SupportingContent: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
        LeadingContent: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
        TrailingContent: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
    };
    Card: typeof Card;
    ElevatedCard: typeof ElevatedCard;
    OutlinedCard: typeof OutlinedCard;
    Surface: typeof Surface;
    HorizontalDivider: typeof HorizontalDivider;
    VerticalDivider: typeof VerticalDivider;
    FilterChip: typeof FilterChipRoot & {
        Label: typeof ChipLabel;
        LeadingIcon: typeof ChipLeadingIcon;
        TrailingIcon: typeof ChipTrailingIcon;
    };
    AssistChip: typeof AssistChipRoot & {
        Label: typeof ChipLabel;
        LeadingIcon: typeof ChipLeadingIcon;
        TrailingIcon: typeof ChipTrailingIcon;
    };
    InputChip: typeof InputChipRoot & {
        Label: typeof ChipLabel;
        Avatar: typeof ChipAvatar;
        TrailingIcon: typeof ChipTrailingIcon;
    };
    SuggestionChip: typeof SuggestionChipRoot & {
        Label: typeof ChipLabel;
        Icon: typeof ChipIcon;
    };
    Text: typeof Text;
    Icon: typeof Icon;
    Button: typeof Button;
    IconButton: typeof IconButton;
    FilledIconButton: typeof FilledIconButton;
    FilledTonalIconButton: typeof FilledTonalIconButton;
    OutlinedIconButton: typeof OutlinedIconButton;
    FloatingActionButton: ((props: ComposeFloatingActionButtonProps) => import("react/jsx-runtime").JSX.Element) & {
        Icon: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
    };
    SmallFloatingActionButton: ((props: ComposeFloatingActionButtonProps) => import("react/jsx-runtime").JSX.Element) & {
        Icon: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
    };
    LargeFloatingActionButton: ((props: ComposeFloatingActionButtonProps) => import("react/jsx-runtime").JSX.Element) & {
        Icon: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
    };
    ExtendedFloatingActionButton: ((props: ComposeExtendedFloatingActionButtonProps) => import("react/jsx-runtime").JSX.Element) & {
        Icon: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
        Text: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
    };
    ToggleButton: typeof ToggleButton;
    IconToggleButton: typeof IconToggleButton;
    FilledIconToggleButton: typeof FilledIconToggleButton;
    OutlinedIconToggleButton: typeof OutlinedIconToggleButton;
    SingleChoiceSegmentedButtonRow: typeof SingleChoiceSegmentedButtonRow;
    MultiChoiceSegmentedButtonRow: typeof MultiChoiceSegmentedButtonRow;
    SegmentedButton: typeof SegmentedButton;
    Switch: typeof Switch;
    Checkbox: typeof Checkbox;
    RadioButton: typeof RadioButton;
    TextField: typeof TextField;
    Slider: typeof Slider;
    AlertDialog: typeof AlertDialog;
    Dialog: typeof Dialog;
    LazyColumn: typeof LazyColumn;
    LazyRow: typeof LazyRow;
    Image: typeof Image;
    Snackbar: typeof Snackbar;
    SnackbarHost: import("react").ForwardRefExoticComponent<ComposeNodeProps & import("react").RefAttributes<ComposeSnackbarHostRef>>;
    ModalBottomSheet: import("react").ForwardRefExoticComponent<ComposeModalBottomSheetProps & import("react").RefAttributes<ComposeModalBottomSheetRef>> & {
        DragHandle: ({ children }: {
            children: ReactNode;
        }) => import("react/jsx-runtime").JSX.Element;
    };
    NavigationBar: typeof NavigationBar;
    NavigationBarItem: typeof NavigationBarItem;
    SearchBar: typeof SearchBarRoot & {
        LeadingIcon: typeof SearchBarLeadingIcon;
        TrailingIcon: typeof SearchBarTrailingIcon;
    };
    DockedSearchBar: typeof DockedSearchBarRoot & {
        LeadingIcon: typeof SearchBarLeadingIcon;
        TrailingIcon: typeof SearchBarTrailingIcon;
    };
    DropdownMenu: typeof DropdownMenu;
    DropdownMenuItem: typeof DropdownMenuItem;
    ExposedDropdownMenuBox: typeof ExposedDropdownMenuBox;
    PullToRefreshBox: typeof PullToRefreshBox;
    TooltipBox: typeof TooltipBox;
    AnimatedVisibility: typeof AnimatedVisibility;
    ProgressIndicator: typeof ProgressIndicator;
    LinearProgressIndicator: typeof LinearProgressIndicator;
    CircularProgressIndicator: typeof CircularProgressIndicator;
    LinearWavyProgressIndicator: typeof LinearWavyProgressIndicator;
    CircularWavyProgressIndicator: typeof CircularWavyProgressIndicator;
    LoadingIndicator: typeof LoadingIndicator;
    ContainedLoadingIndicator: typeof ContainedLoadingIndicator;
    DatePicker: typeof DatePicker;
    TimePicker: typeof TimePicker;
    DatePickerDialog: typeof DatePickerDialog;
    TimePickerDialog: typeof TimePickerDialog;
};
export {};
//# sourceMappingURL=compose.android.d.ts.map