@carbon/ibm-products-web-components
Version:
Carbon for IBM Products Web Components
74 lines • 2.49 kB
TypeScript
/**
* @license
*
* Copyright IBM Corp. 2025
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
import { LitElement } from 'lit';
import '@carbon/web-components/es/components/icon-button/index.js';
import '@carbon/web-components/es/components/link/index.js';
import './checklist-chart';
import './checklist-icon';
/**
* @element c4p-checklist
* @slot checklist-header - Header area which includes the title and the progress indicator.
* @slot default - Contains one or more `c4p-checklist-group` components to organize tasks into logical groups.
* @slot checklist-footer - Optional footer area for actions like buttons, links, or additional notes.
* @fires c4p-checklist-view-all - The custom event which is fired when a user clicks on View All button in checklist footer.
* @fires c4p-checklist-toggle - The custom event which is fired when user clicks on toggle button in checklist header.
*/
declare class CDSChecklist extends LitElement {
/**
* Specifies whether the component is opened or closed.
*/
open: boolean;
/**
* The title of the component.
*/
title: any;
/**
* The label for progress indicator chart
*/
chartLabel: any;
/**
* A number between 0 and 1 which indicates the progress of checklist
*/
chartValue: any;
/**
* Whether or not to show the open/close toggle.
*/
disableToggle: boolean;
/**
* The label for the toggle's tooltip.
*/
toggleLabel: any;
/**
* The alignment of the toggle's tooltip.
*/
toggleLabelAlign: any;
/**
* Aria-label for the Checklist's toggle component.
*/
toggleAriaLabel: any;
/**
* If defined, will show and enable the "View all (#)" button in the checklist footer.
*/
viewAllLabel: any;
private _viewAll;
private _handleKeyDown;
private _onToggle;
render(): import("lit-html").TemplateResult<1>;
/**
* The custom event which is fired when the view all button in checklist footer is clicked or when the Enter key is pressed on it.
*/
static get checklistViewAll(): string;
/**
* The custom event which is fired when the checklist toggle button is clicked or when the Enter key is pressed on it.
*/
static get checklistToggle(): string;
static styles: any;
}
export default CDSChecklist;
//# sourceMappingURL=checklist.d.ts.map