@thi.ng/rdom-components/ruler.d.ts

Collection of unstyled, customizable components for @thi.ng/rdom

import type { Attribs } from "@thi.ng/hiccup-html";
/**
 * Returns a `<table>` element with rows of labeled percentage anchors as scroll
 * targets. `numSteps` default is 4 (aka 25%).
 *
 * @remarks
 * Resulting table structure is shown below. Note: Unless provided by the user,
 * the table will be entirely unstyled, but it's recommended to set the
 * `vertical-align` of table cells to `top`.
 *
 * ```html
 * <table>
 *   <tbody>
 *     <tr>
 *       <td id="0%"><a href="#0%">0%</a></td>
 *       <td id="25%"><a href="#25%">25%</a></td>
 *       <td id="50%"><a href="#50%">50%</a></td>
 *       <td id="75%"><a href="#75%">75%</a></td>
 *     </tr>
 *   </tbody>
 * </table>
 * ```
 *
 * @param attribs
 * @param numSteps
 */
export declare const verticalRuler: (attribs?: Partial<Attribs>, numSteps?: number) => [string, import("@thi.ng/api").Nullable<Partial<Attribs>>, ...any[]];
//# sourceMappingURL=ruler.d.ts.map