File selection
Multiple files
Choose one or more CSV or OFX statements. Each file remains a native form value.
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let fileSelectionExample =
FileSelection.create "statement-files" "statements" "Statements"
|> FileSelection.withDescription "Choose one or more CSV or OFX statements. Each file remains a native form value."
|> FileSelection.withAccept ".csv,.ofx,text/csv"
|> FileSelection.multiple
|> FileSelection.renderValidation
Choose one PDF receipt.
Choose a PDF receipt before continuing.
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let invalidFileSelectionExample =
FileSelection.create "receipt-file" "receipt" "Receipt"
|> FileSelection.withDescription "Choose one PDF receipt."
|> FileSelection.withAccept ".pdf,application/pdf"
|> FileSelection.required
|> FileSelection.withValidation "Choose a PDF receipt before continuing."
|> FileSelection.renderPending
The current files are being validated.
open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let pendingFileSelectionExample =
FileSelection.create "pending-files" "pendingFiles" "Evidence files"
|> FileSelection.withDescription "The current files are being validated."
|> FileSelection.multiple
|> FileSelection.pending
|> FileSelection.render