@ryanhelsing/ry-ui
Version:
Framework-agnostic, Light DOM web components. CSS is the source of truth.
32 lines • 1.06 kB
TypeScript
/**
* <ry-button-group>
*
* Segmented control / button group. Groups child buttons with
* connected borders and optional radio-group behavior.
*
* Usage (visual grouping only):
* <ry-button-group>
* <ry-button>Left</ry-button>
* <ry-button>Center</ry-button>
* <ry-button>Right</ry-button>
* </ry-button-group>
*
* Usage (radio behavior — single selection):
* <ry-button-group name="mode" value="terminal">
* <ry-button value="direct">Direct</ry-button>
* <ry-button value="terminal">Terminal</ry-button>
* <ry-button value="release">Release</ry-button>
* </ry-button-group>
*
* Emits ry:change with { value } when selection changes.
*/
import { RyElement } from '../core/ry-element.js';
export declare class RyButtonGroup extends RyElement {
static get observedAttributes(): string[];
get value(): string;
set value(v: string);
setup(): void;
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
}
//# sourceMappingURL=ry-button-group.d.ts.map