Skip to content

Make FileInput Button adhere to the design #6475

Closed

Description

import panel as pn

pn.extension(design="bootstrap")

file_input_stylesheet = """
input[type="file"].bk-input {
  padding-left: 10px;
}
input[type="file"]::file-selector-button {
  background: var(--surface-color);
  color: var(--surface-text-color);
}
"""

pn.widgets.FileInput().servable()
pn.widgets.Button(name="Button").servable()
pn.widgets.FileInput(stylesheets=[file_input_stylesheet]).servable()

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    type: enhancementMinor feature or improvement to an existing feature

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions