Skip to content

[IMP] Tutorial on Owl Components 🦉 #802

New issue

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

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

Already on GitHub? # to your account

Open
wants to merge 2 commits into
base: 18.0
Choose a base branch
from

Conversation

3amo-magdy
Copy link

Created multiple Owl Components:

  • A Counter that maintains an internal value and displays it.
  • A Card component that has a header and a body, where the body is a t-slot that could be dynamically filled.
  • Added TodoList & TodoItem components, where TodoList maintains and displays a list of the TodoItems that could be created using an Input element, removed or checked as completed using the appropriate UI elements.
  • Added a toggle button within the header of the card component to toggle the visibility of the body of the card.

This is an exercise on the tutorial "Discover the web framework: Chapter1: Owl Components"

Created multiple Owl Components:
- A counter that maintains an internal value and displays it.
- A card component that has a header and a body, where the body is a t-slot that could be dynamically filled.
-  Added props validation to the components.
-  Added TodoList  & TodoItem components, where TodoList dmaintains and displays a list of the TodoItems that could be created using an Input element, removed or checked as completed using the appropriate UI elements.
- Added a toggle button  within the header of the card component to toggle the visibility of the body of the card.

This is an exercise on the tutorial "Discover the web framework: Chapter1: Owl Components"
@robodoo
Copy link

robodoo commented May 28, 2025

Pull request status dashboard

refProxy.el.focus()
}
})
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Keep an eye on the EOF line

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants