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

add extra flexibility to panel #165

Merged
merged 5 commits into from
Sep 29, 2023
Merged

add extra flexibility to panel #165

merged 5 commits into from
Sep 29, 2023

Conversation

serdec
Copy link
Collaborator

@serdec serdec commented Sep 29, 2023

Description

These Panel is the result of building the Settings page in the unified console. These are the properties needed to achieve the this design https://www.figma.com/file/sCKsQvoK8FlUXXfGyYtTaH/Data-Loading?type=design&node-id=678-17959&mode=design&t=4nuVLsZKrl8pjtpv-0

@vercel
Copy link

vercel bot commented Sep 29, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
click-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 29, 2023 0:28am

@serdec
Copy link
Collaborator Author

serdec commented Sep 29, 2023

@gjones we can try with this flexible container. If this isn't enough i think we will have to spin it off to more specialized containers (form, sections, etc)

width?: string;
fillWidth?: boolean;
height?: string;
fillHeight?: boolean;
Copy link
Collaborator

Choose a reason for hiding this comment

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

I think we can directly add
fillHeight?: true

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

no i think we want to keep the default behavior of a standard div since this panel will be used in lots of cases

Copy link
Collaborator

Choose a reason for hiding this comment

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

@serdec What I meant was about the typescript
In this case
or is allowed but is not allowed
Adding =false is visually not appealing and since the default is already undefined it won't match as true

src/components/Panel/Panel.tsx Show resolved Hide resolved
src/components/Panel/Panel.tsx Outdated Show resolved Hide resolved
src/components/Panel/Panel.tsx Outdated Show resolved Hide resolved
@serdec serdec merged commit dc15d19 into main Sep 29, 2023
@serdec serdec deleted the add-props-to-panel branch September 29, 2023 12:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants