Skip to content
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.

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

feat(components): add popover component #60

Merged
merged 20 commits into from
Aug 19, 2024
Merged

feat(components): add popover component #60

merged 20 commits into from
Aug 19, 2024

Conversation

desmondinho
Copy link
Contributor

@desmondinho desmondinho commented Aug 19, 2024

Closes #55

What's been done?

Added popover-related components with the following abilities:

Popover: A component representing a popover, providing a floating container that displays additional content or information.

Parameter Type Description
ChildContent RenderFragment? Gets or sets content to be rendered inside the popover.
Color ThemeColor Gets or sets a color of the popover.
Size Size Gets or sets a size of the popover content text.
Radius Radius Gets or sets a border radius of the popover.
Shadow Shadow Gets or sets a shadow of the popover.
Placement PopoverPlacement Gets or sets a placement of the popover relative to a reference.
Offset int Gets or sets the offset distance between the popover and the reference, in pixels.
ShowArrow bool Gets or sets a value indicating whether the popover should display an arrow pointing to the reference.
Classes TextBoxSlots? Gets or sets the CSS class names for the textbox slots.

PopoverTrigger: A component representing the trigger element for a Popover, which controls the display of the popover.

Parameter Type Description
ChildContent RenderFragment? Gets or sets content to be rendered inside the popover trigger.
Color ThemeColor Gets or sets a color of the popove trigger.

PopoverContent: A component representing the content of a Popover, which is displayed within the popover.

Parameter Type Description
ChildContent RenderFragment? Gets or sets content to be rendered as the popover content.

Popover slots: A class representing the various slot configurations for the Popover

  1. Root: the slot for the Popover, it wraps the popover content and arrow.
  2. Trigger: the slot for the PopoverTrigger.
  3. Content: the slot for the PopoverContent, it contains the popover content.
  4. Arrow: the slot for the arrow.

Checklist

  • My code follows the project's coding style and guidelines.
  • I have included inline docs for my changes, where applicable.
  • I have added, updated or removed tests according to my changes.
  • All tests are passing.
  • There's an open issue for the PR that I am making.

@desmondinho desmondinho added ✨ Type: Enhancement New feature or request 📦 Scope: Components Improvements or additions to components labels Aug 19, 2024
@desmondinho desmondinho self-assigned this Aug 19, 2024
@desmondinho desmondinho linked an issue Aug 19, 2024 that may be closed by this pull request
1 task
@desmondinho desmondinho merged commit b6232df into main Aug 19, 2024
@desmondinho
Copy link
Contributor Author

An essential component for the #50

@desmondinho desmondinho deleted the feat/popover branch August 19, 2024 18:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
📦 Scope: Components Improvements or additions to components ✨ Type: Enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature]: Add popover component
1 participant