Skip to content

feat(AssetInput): add AssetInput component#2726

Open
fulopdaniel wants to merge 2 commits into
mainfrom
feat/asset-input-component
Open

feat(AssetInput): add AssetInput component#2726
fulopdaniel wants to merge 2 commits into
mainfrom
feat/asset-input-component

Conversation

@fulopdaniel
Copy link
Copy Markdown
Contributor

This PR contributes a rewritten version of the legacy AssetInput to the components package.

Example usages:

Placeholder

<AssetInput.Placeholder>
    <AssetInput.UploadInput onFileChange={fn()} />
    <AssetInput.BrowseInput onBrowse={fn()} />
</AssetInput.Placeholder>
image

Preview

<AssetInput.Root orientation="horizontal" isOpen={false} onPress={fn()}>
    <AssetInput.Preview>
        <AssetInput.PreviewImage src="https://picsum.photos/100/150" />
    </AssetInput.Preview>
    <AssetInput.Title>foo1</AssetInput.Title>
    <AssetInput.Metadata>
        <Flex align="center" gap={0.5}>
            <IconArrowCircleUp size="16" />
            Uploaded
        </Flex>
    </AssetInput.Metadata>
    <AssetInput.Metadata>JPG</AssetInput.Metadata>
    <AssetInput.Metadata>2000 bytes</AssetInput.Metadata>
</AssetInput.Root>
image

See storybook for more examples.

@fulopdaniel fulopdaniel requested a review from noahwaldner May 13, 2026 12:49
@fulopdaniel fulopdaniel requested a review from a team as a code owner May 13, 2026 12:49
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 13, 2026

🦋 Changeset detected

Latest commit: 54deae7

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

This PR includes changesets to release 3 packages
Name Type
@frontify/fondue-components Patch
@frontify/fondue Patch
@frontify/fondue-rte 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

@netlify
Copy link
Copy Markdown

netlify Bot commented May 13, 2026

Deploy Preview for fondue-components ready!

Name Link
🔨 Latest commit 54deae7
🔍 Latest deploy log https://app.netlify.com/projects/fondue-components/deploys/6a047626c0da610008947097
😎 Deploy Preview https://deploy-preview-2726.components.fondue-components.frontify.com
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

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.

1 participant