thaw/demo_markdown/docs/upload/mod.md
luoxiaozero 3df65a4e26
Demo/markdown (#61)
* demo: init demo-markdown

* demo: add include_md macro

* demo: improve include_md macro

* demo: improve include_md macro

* demo: improve include_md macro

* demo: improve code block

* demo: add syntect css

* demo: improve include_md macro

* demo: include_md handle table
2023-12-30 14:45:16 +08:00

1.7 KiB

Upload

let message = use_message();
let custom_request = move |file_list: FileList| {
    message.create(
        format!("Number of uploaded files: {}", file_list.length()),
        MessageVariant::Success,
        Default::default(),
    );
};

view!{
    <Upload>
        <Button>
            "upload"
        </Button>
    </Upload>
}

Drag to upload

let message = use_message();
let custom_request = move |file_list: FileList| {
    message.create(
        format!("Number of uploaded files: {}", file_list.length()),
        MessageVariant::Success,
        Default::default(),
    );
};

view! {
    <Upload custom_request>
        <UploadDragger>"Click or drag a file to this area to upload"</UploadDragger>
    </Upload>
}

Upload Props

Name Type Default Description
accept MaybeSignal<String> Default::default() The accept type of upload.
multiple MaybeSignal<bool> false Allow multiple files to be selected.
custom_request Option<Callback<FileList, ()>> Default::default() Customize upload request.
children Children Upload's content.

UploadDragger Props

Name Type Default Description
children Children UploadDragger's content.