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(bottom-sheet): added css custom properties to change shadow and … #895

Merged
merged 1 commit into from
Oct 10, 2023

Conversation

v-gevak
Copy link
Contributor

@v-gevak v-gevak commented Oct 4, 2023

Пример:

render(() => {
    const [open, setOpen] = React.useState(false);
    const handleOpen = () => setOpen(true);
    const handleClose = () => setOpen(false);

    return (
        <Container>
            <style>
                {`
              :root {
                --bottom-sheet-top-radius: 30px;
                --bottom-sheet-shadow: 0 0 20px 5px white;
              }
            `}
            </style>
            <ButtonMobile type='button' size='s' onClick={handleOpen} block={true}>
                Показать анатомию
            </ButtonMobile>
            <BottomSheet hasCloser={true} open={open} onClose={handleClose}>
                <div
                    style={{
                        width: '100%',
                        borderRadius: '8px',
                        backgroundColor: 'rgba(55, 120, 251, 0.1)',
                        border: '1px dashed rgb(55, 120, 251)',
                        boxSizing: 'border-box',
                        height: '300px',
                    }}
                />
            </BottomSheet>
        </Container>
    );
});

@changeset-bot
Copy link

changeset-bot bot commented Oct 4, 2023

🦋 Changeset detected

Latest commit: a237da0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 12 packages
Name Type
@alfalab/core-components-bottom-sheet Minor
@alfalab/core-components-select Patch
@alfalab/core-components-tooltip Patch
@alfalab/core-components-custom-picker-button Patch
@alfalab/core-components-input-autocomplete Patch
@alfalab/core-components-international-phone-input Patch
@alfalab/core-components-intl-phone-input Patch
@alfalab/core-components-picker-button Patch
@alfalab/core-components-select-with-tags Patch
@alfalab/core-components-table Patch
@alfalab/core-components-gallery Patch
@alfalab/core-components-tabs Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@v-gevak v-gevak merged commit 48189eb into master Oct 10, 2023
9 checks passed
@v-gevak v-gevak deleted the feat/bottom-sheet_css_vars branch October 10, 2023 04:53
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.

None yet

5 participants