Coming Soon

We're sorry, but this feature is not yet available. We are working hard to make it happen as soon as possible. Thank you for your patience and understanding. Please check back later for updates.

Just a demo

The element you clicked is for demonstration purposes only and does not lead to actual content. Everything you see here is a simulation intended to demonstrate how the UI elements might look and behave in a real application.

Placeholder

Create a placeholder space that can be used for uploading files via drag and drop.

Usage

Note If you are not using Tailwind CSS, you can skip this step. On your tailwind.config.js file, add the Placeholder component within the ui() plugin.

import ui from "franken-ui";
 
ui({
    components: {
        placeholder: {
            hooks: {}
        }
    }
}),

This component applies a specially styled area to create a placeholder space, which can be useful, for example in combination with the Upload component. Just add the .uk-placeholder class to a <div> element.

<div class="uk-placeholder"></div>
Copy to clipboard
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • <div class="uk-placeholder text-center">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </div>

Available hooks

Learn more about using hooks.

Hook NameAffected Classes
hook-placeholder.uk-placeholder
hook-misc*