@navikt/ds-react
Version:
React components from the Norwegian Labour and Welfare Administration.
44 lines (43 loc) • 1.6 kB
TypeScript
import React from "react";
import DataToolbarButton, { DataToolbarButtonProps } from "../button/DataToolbarButton.js";
import { DataToolbarSearchField, type DataToolbarSearchFieldProps } from "../search-field/DataToolbarSearchField.js";
import DataToolbarToggleButton, { type DataToolbarToggleButtonProps } from "../toggle-button/DataToolbarToggleButton.js";
interface DataToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
children: React.ReactNode;
}
interface DataToolbarRootComponent extends React.ForwardRefExoticComponent<DataToolbarProps & React.RefAttributes<HTMLDivElement>> {
/**
* @see 🏷️ {@link DataToolbarSearchFieldProps}
* @example
* ```tsx
* <DataToolbar>
* <DataToolbar.SearchField />
* </DataToolbar>
* ```
*/
SearchField: typeof DataToolbarSearchField;
/**
* @see 🏷️ {@link DataToolbarButtonProps}
* @example
* ```tsx
* <DataToolbar>
* <DataToolbar.Button />
* </DataToolbar>
* ```
*/
Button: typeof DataToolbarButton;
/**
* @see 🏷️ {@link DataToolbarToggleButtonProps}
* @example
* ```tsx
* <DataToolbar>
* <DataToolbar.ToggleButton />
* </DataToolbar>
* ```
*/
ToggleButton: typeof DataToolbarToggleButton;
}
declare const DataToolbar: DataToolbarRootComponent;
export { DataToolbar, DataToolbarSearchField, DataToolbarButton, DataToolbarToggleButton, };
export default DataToolbar;
export type { DataToolbarProps, DataToolbarSearchFieldProps, DataToolbarButtonProps, DataToolbarToggleButtonProps, };