New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

create Button as web component #9

Draft

alexandfox wants to merge 4 commits into feature/storybook-setup from alex/elm-button

alexandfox commented Jun 15, 2023 •

edited

Web component is created using shadow DOM
Shadow DOM component “observes” defined attributes
When attributes change, component re-renders the HTML element in the shadow DOM
CSS styles are defined inside a shadow root and do not leak out
Component is “exported” as a custom element definition, so that when element is called w/ attributes, this component is created and attached to the shadow DOM

NOT CAPTURED in this PR

actual styles as would be used in CDS
actual story variation as would be used in CDS
comprehensive style set with the component

alexandfox added 4 commits

June 7, 2023 13:55


          create customElement in window

2091fd4


          add elm webpack loader

2f35c44


          convert to web-component project, no styling

506f7ef


          export web button and set label, text color

9128b95

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment