@synergycodes/axiom
Version:
A React library for creating node-based UIs and diagram-driven applications. Perfect for React Flow users, providing ready-to-use node templates and components that work seamlessly with React Flow's ecosystem.
24 lines (23 loc) • 1.01 kB
TypeScript
import { ReactElement, ForwardRefExoticComponent, MouseEventHandler } from 'react';
import { Size } from '../../shared/types/size';
import { Shape } from '../button/types';
import { SegmentPickerItemProps, Item } from './item/segment-picker-item';
type SegmentPickerProps = {
children: ReactElement<SegmentPickerItemProps, typeof Item>[];
value: string;
size?: Size;
/**
* Controls the shape of the SegmentPicker and its items.
* (default) -Items stretch to fill the container equally.
* 'circle' - Items fit tightly around their content to maintain a circular shape.
* Only supported when items contain icons only.
*/
shape?: Shape;
className?: string;
onChange?: (event: MouseEventHandler<HTMLButtonElement>, value: string) => void;
};
type SegmentPickerComponent = ForwardRefExoticComponent<SegmentPickerProps & React.RefAttributes<HTMLDivElement>> & {
Item: typeof Item;
};
export declare const SegmentPicker: SegmentPickerComponent;
export {};