@ryanhelsing/ry-ui/dist/components/ry-example.d.ts

Framework-agnostic, Light DOM web components. CSS is the source of truth.

/**
 * <ry-example>
 *
 * Displays code and live rendered output side-by-side from a single source.
 * Code is shown on the left using ry-code, live preview on the right.
 *
 * Usage:
 * <ry-example title="Accordion">
 *   <template>
 *     <accordion>
 *       <accordion-item title="FAQ" open>
 *         Content here
 *       </accordion-item>
 *     </accordion>
 *   </template>
 *   <!-- Optional: JS usage examples in collapsible section -->
 *   <script slot="js" type="text/plain">
 *     // Listen for changes
 *     element.addEventListener('ry:change', (e) => {
 *       console.log(e.detail.value);
 *     });
 *   </script>
 * </ry-example>
 */
import { RyElement } from '../core/ry-element.js';
export declare class RyExample extends RyElement {
    #private;
    setup(): void;
}
//# sourceMappingURL=ry-example.d.ts.map