@base-framework/atoms
Version:
This will add default atoms to the base framework.
724 lines (723 loc) • 22.5 kB
TypeScript
export function Doctype(props: object): object;
/**
* Creates an HTML tag.
*
* @param {object} props - Properties for the HTML element.
* @param {array} children - Children elements of the HTML element.
* @returns {object} - Returns an object representing the HTML element.
*/
export const Html: Function;
/**
* Creates a script tag.
*
* @param {object} props - Properties for the HTML element.
* @param {array} children - Children elements of the HTML element.
* @returns {object} - Returns an object representing the HTML element.
*/
export const Script: Function;
/**
* Creates a style tag.
*
* @param {object} props - Properties for the HTML element.
* @param {array} children - Children elements of the HTML element.
* @returns {object} - Returns an object representing the HTML element.
*/
export const Style: Function;
/**
* Creates a head tag.
*
* @param {object} props - Properties for the head element.
* @param {array} children - Children elements of the head.
* @returns {object} - Returns an object representing the head element.
*/
export const Head: Function;
export function Title(props: object): any;
export function Meta(props: object): object;
export function Link(props: object): object;
/**
* Creates a body tag.
*
* @param {object} props - Properties for the body element.
* @param {array} children - Children elements of the body.
* @returns {object} - Returns an object representing the body element.
*/
export const Body: Function;
/**
* Creates a div element.
*
* @param {object} props - Properties for the div element.
* @param {array} children - Children elements of the div.
* @returns {object} - Returns an object representing the div element.
*/
export const Div: Function;
/**
* Creates a dialog element.
*
* @param {object} props - Properties for the div element.
* @param {array} children - Children elements of the div.
* @returns {object} - Returns an object representing the dialog element.
*/
export const Dialog: Function;
/**
* Creates a span element.
*
* @param {object} props - Properties for the span element.
* @param {array} children - Children elements of the span.
* @returns {object} - Returns an object representing the span element.
*/
export const Span: Function;
/**
* Creates a paragraph (p) element.
*
* @param {object} props - Properties for the paragraph element.
* @param {array} children - Children elements of the paragraph.
* @returns {object} - Returns an object representing the paragraph element.
*/
export const P: Function;
/**
* Creates an anchor (a) element.
*
* @param {object} props - Properties for the anchor element.
* @param {array} children - Children elements of the anchor.
* @return {object} - Returns an object representing the anchor element.
*/
export const A: Function;
/**
* Creates a button element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Button: Function;
/**
* Creates a submit button element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const SubmitButton: Function;
/**
* Creates an unordered list (ul) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Ul: Function;
/**
* Creates a list item (li) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Li: Function;
/**
* Creates an image (img) element.
*/
export const Img: Function;
/**
* Create a br element.
*
* @param {object} props - Properties for the br element.
* @returns {object} - Returns an object representing the br element.
*/
export const Br: Function;
/**
* Creates a horizontal rule (hr) element.
*
* @param {object} props - Properties for the hr element.
* @returns {object} - Returns an object representing the hr element.
*/
export const Hr: Function;
/**
* Creates a text (text) element.
*
* @param {object} props - Properties for the text element.
* @param {array} children - Children elements of the text element.
* @returns {object} - Returns an object representing the text element.
*/
export const Text: Function;
/**
* Creates a header 1 (h1) element.
*
* @param {object} props - Properties for the h1 element.
* @param {array} children - Children elements of the h1 element.
* @returns {object} - Returns an object representing the h1 element.
*/
export const H1: Function;
/**
* Creates a header 2 (h2) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const H2: Function;
/**
* Creates a header 3 (h3) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const H3: Function;
/**
* Creates a header 4 (h4) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const H4: Function;
/**
* Creates a header 5 (h5) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const H5: Function;
/**
* Creates a header 6 (h6) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const H6: Function;
/**
* Creates an input element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Input: Function;
/**
* Creates a label element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Label: Function;
/**
* Creates a checkbox input element.
*
* @param {object} props - Properties for the checkbox input element.
* @returns {object} - Returns an object representing the checkbox input element.
*/
export const Checkbox: Function;
/**
* Creates a section element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Section: Function;
/**
* Creates an article element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Article: Function;
/**
* Creates a header (header) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Header: Function;
/**
* Creates a footer element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Footer: Function;
/**
* Creates a nav element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Nav: Function;
/**
* Creates an aside element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Aside: Function;
/**
* Creates a figure element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Figure: Function;
/**
* Creates a figcaption element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Figcaption: Function;
/**
* Creates a main element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Main: Function;
/**
* Creates a video element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Video: Function;
/**
* Creates an audio element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Audio: Function;
/**
* Creates a table element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Table: Function;
/**
* Creates a table row (tr) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Tr: Function;
/**
* Creates a table header (th) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Th: Function;
/**
* Creates a table data (td) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Td: Function;
/**
* Creates a table header group (thead) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Thead: Function;
/**
* Creates a table body (tbody) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Tbody: Function;
/**
* Creates a table footer (tfoot) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Tfoot: Function;
/**
* Creates a form element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Form: Function;
/**
* Creates a select element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Select: Function;
/**
* Creates an option element for a select tag.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Option: Function;
/**
* Creates a textarea element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Textarea: Function;
/**
* Creates a canvas element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Canvas: Function;
/**
* Creates a progress element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Progress: Function;
/**
* Creates a blockquote element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Blockquote: Function;
/**
* Creates a preformatted text (pre) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Pre: Function;
/**
* Creates a code element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Code: Function;
/**
* Creates an ordered list (ol) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Ol: Function;
/**
* Creates a definition list (dl) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Dl: Function;
/**
* Creates a definition term (dt) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Dt: Function;
/**
* Creates a definition description (dd) element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Dd: Function;
/**
* Creates a fieldset element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Fieldset: Function;
/**
* Creates a legend element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Legend: Function;
/**
* Creates a meter element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Meter: Function;
/**
* Creates an iframe element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Iframe: Function;
/**
* Creates a details element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Details: Function;
/**
* Creates a summary element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Summary: Function;
/**
* Creates an em element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Em: Function;
/**
* Creates a strong element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Strong: Function;
/**
* Creates a small element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Small: Function;
/**
* Creates a s element (strikethrough).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const S: Function;
/**
* Creates a cite element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Cite: Function;
/**
* Creates a q element (inline quotation).
*/
export const Q: Function;
/**
* Creates a dfn element (definition element).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Dfn: Function;
/**
* Creates an abbr element (abbreviation).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Abbr: Function;
/**
* Creates a data element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Data: Function;
/**
* Creates a time element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Time: Function;
/**
* Creates a var element (variable).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Var: Function;
/**
* Creates a samp element (sample output).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Samp: Function;
/**
* Creates a kbd element (keyboard input).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Kbd: Function;
/**
* Creates a sub element (subscript).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Sub: Function;
/**
* Creates a sup element (superscript).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Sup: Function;
/**
* Creates an i element (italic).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const I: Function;
/**
* Creates a b element (bold).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const B: Function;
/**
* Creates a u element (underline).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const U: Function;
/**
* Creates a mark element.
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Mark: Function;
/**
* Creates a ruby element (for East Asian typography).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Ruby: Function;
/**
* Creates an rt element (explanation/pronunciation of characters in East Asian typography).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Rt: Function;
/**
* Creates an rp element (for East Asian fallback parenthesis).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Rp: Function;
/**
* Creates a bdi element (Bi-Directional Isolation).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Bdi: Function;
/**
* Creates a bdo element (Bi-Directional Override).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Bdo: Function;
/**
* Creates a wbr element (Word Break Opportunity).
*
* @param {object} props - Properties for the element.
* @param {array} children - Children elements.
* @returns {object} - Returns an object representing the element.
*/
export const Wbr: Function;
/**
* This will create a comment.
*
* @param {object} props
* @returns {object}
*/
export const Comment: Function;
import { If } from './on/on.js';
import { IfState } from './on/on.js';
import { On } from './on/on.js';
import { OnLoad } from './on/on.js';
import { OnOpen } from './on/on.js';
import { OnRoute } from './on/on.js';
import { OnState } from './on/on.js';
import { OnStateLoad } from './on/on.js';
import { OnStateOpen } from './on/on.js';
import { UseParent } from './use/use.js';
export { If, IfState, On, OnLoad, OnOpen, OnRoute, OnState, OnStateLoad, OnStateOpen, UseParent };