rynex
Version:
A minimalist TypeScript framework for building reactive web applications with no virtual DOM
90 lines • 1.93 kB
JavaScript
/**
* Rynex Semantic Elements
* Semantic HTML5 elements
*/
import { createElement } from '../dom.js';
/**
* Header section
*/
export function header(props, ...children) {
return createElement('header', props, ...children);
}
/**
* Footer section
*/
export function footer(props, ...children) {
return createElement('footer', props, ...children);
}
/**
* Navigation
*/
export function nav(props, ...children) {
return createElement('nav', props, ...children);
}
/**
* Main content
*/
export function main(props, ...children) {
return createElement('main', props, ...children);
}
/**
* Section
*/
export function section(props, ...children) {
return createElement('section', props, ...children);
}
/**
* Article
*/
export function article(props, ...children) {
return createElement('article', props, ...children);
}
/**
* Aside/Sidebar
*/
export function aside(props, ...children) {
return createElement('aside', props, ...children);
}
/**
* Figure with caption
*/
export function figure(props, ...children) {
return createElement('figure', props, ...children);
}
/**
* Figure caption
*/
export function figcaption(props, ...content) {
return createElement('figcaption', props, ...content);
}
/**
* Time element
*/
export function time(props, ...content) {
return createElement('time', props, ...content);
}
/**
* Address element
*/
export function address(props, ...children) {
return createElement('address', props, ...children);
}
/**
* Details disclosure
*/
export function details(props, ...children) {
return createElement('details', props, ...children);
}
/**
* Details summary
*/
export function summary(props, ...content) {
return createElement('summary', props, ...content);
}
/**
* Dialog element
*/
export function dialog(props, ...children) {
return createElement('dialog', props, ...children);
}
//# sourceMappingURL=semantic.js.map