Create callable React components.
npm install react-callable-components> Create callable React components.
``sh`
npm install react-callable-components
`ts
import { useState } from "react"
import {
createComponent,
ComponentProps,
html,
svg,
styled,
} from "react-callable-components"
import { NavOption } from "./NavOption"
export const Nav = createComponent<{
options: ComponentProps
}>(({ options }) => {
const [text, setText] = useState("")
return html.div({
children: [
html.input({
value: text,
onChange: setText,
data: {
noContent: text.length ? false : true, // data-no-content="true"
}
})
]
})
})
`
Creates a React component with specified props.
- P: The props type.tag
- : The React functional component or the HTML tag.
- Returns: A function that takes optional props and returns a React element.
Represents the properties for a React component, with additional handling for HTML and SVG elements, functional components, and class components.
- T: The type of the component or element.
Creates a React element with the provided tag, properties, and children. Handles the merging of class and className properties for HTML elements.
- T: The type of the tag, which can be a string, functional component, or class component.tag
- : The tag or component to create.props
- : The properties to pass to the component.children
- : The children of the component.
- Returns: A React element.
A type that can be either the props of a component or its children.
- T`: The component type.
Contributions are always welcome!
This project is licensed under the MIT License.
If you have any questions or issues, feel free to open an issue on the GitHub repository.