@razen-core/zenweb
Version:
A minimalist TypeScript framework for building reactive web applications with no virtual DOM
123 lines • 2.67 kB
JavaScript
/**
* ZenWeb Typography Helpers
* Text and typography elements
*/
import { createElement } from '../dom.js';
/**
* Heading elements
*/
export function h1(props, ...content) {
return createElement('h1', props, ...content);
}
export function h2(props, ...content) {
return createElement('h2', props, ...content);
}
export function h3(props, ...content) {
return createElement('h3', props, ...content);
}
export function h4(props, ...content) {
return createElement('h4', props, ...content);
}
export function h5(props, ...content) {
return createElement('h5', props, ...content);
}
export function h6(props, ...content) {
return createElement('h6', props, ...content);
}
/**
* Bold text
*/
export function strong(props, ...content) {
return createElement('strong', props, ...content);
}
/**
* Italic text
*/
export function em(props, ...content) {
return createElement('em', props, ...content);
}
/**
* Inline code
*/
export function code(props, ...content) {
return createElement('code', props, ...content);
}
/**
* Preformatted text
*/
export function pre(props, ...content) {
return createElement('pre', props, ...content);
}
/**
* Blockquote
*/
export function blockquote(props, ...children) {
return createElement('blockquote', props, ...children);
}
/**
* Highlighted text
*/
export function mark(props, ...content) {
return createElement('mark', props, ...content);
}
/**
* Small text
*/
export function small(props, ...content) {
return createElement('small', props, ...content);
}
/**
* Deleted text
*/
export function del(props, ...content) {
return createElement('del', props, ...content);
}
/**
* Inserted text
*/
export function ins(props, ...content) {
return createElement('ins', props, ...content);
}
/**
* Subscript
*/
export function sub(props, ...content) {
return createElement('sub', props, ...content);
}
/**
* Superscript
*/
export function sup(props, ...content) {
return createElement('sup', props, ...content);
}
/**
* Abbreviation
*/
export function abbr(props, ...content) {
return createElement('abbr', props, ...content);
}
/**
* Citation
*/
export function cite(props, ...content) {
return createElement('cite', props, ...content);
}
/**
* Keyboard input
*/
export function kbd(props, ...content) {
return createElement('kbd', props, ...content);
}
/**
* Sample output
*/
export function samp(props, ...content) {
return createElement('samp', props, ...content);
}
/**
* Variable
*/
export function varElement(props, ...content) {
return createElement('var', props, ...content);
}
//# sourceMappingURL=typography.js.map