alouette
Version:
A modern, customizable design system built on top of NativeWind v5 with configurable defaults
24 lines • 1.06 kB
TypeScript
import type { ReactNode } from "react";
import type { SVGIconElement } from "../primitives/Icon";
import { type SegmentedItemProps } from "../selection/SegmentedItem";
export interface CheckboxButtonProps {
value: string;
label: string;
/** Leading icon, and the only visible content in an icon group. */
icon?: SVGIconElement;
/**
* Replaces `icon` while the button is hovered, focused or pressed, and for as
* long as it is checked.
*/
activeIcon?: SVGIconElement;
/** Accent tinting `activeIcon`, so the glyph changes color as well as weight. */
activeAccent?: SegmentedItemProps["activeAccent"];
/**
* Badge glyph over the chip's top-right, for a secondary state the `label`
* spells out. Adds to `icon`, and renders in an icon group only.
*/
indicator?: SVGIconElement;
disabled?: boolean;
}
export declare function CheckboxButton({ value, label, icon, activeIcon, activeAccent, indicator, disabled, }: CheckboxButtonProps): ReactNode;
//# sourceMappingURL=CheckboxButton.d.ts.map