gordonbrander / spellcaster

Reactive signals UI library
MIT License
57 stars 2 forks source link

Simplify web component helpers #65

Closed gordonbrander closed 2 days ago

gordonbrander commented 4 days ago

This PR refactors web component helpers to make them simpler and provide better TypeScript types.

const styles = css`
:host {
  display: block;
}

.hello {
  font-weight: bold;
}
`;

const Hello = ({ greeting }: { greeting: string }) => {
  return h('div', { className: "hello" }, text(greeting))
};

component({
  tag: "x-hello",
  styles,
  props: { greeting: "Hello" },
  render: Hello
});