mirror of
https://github.com/gradio-app/gradio.git
synced 2025-04-06 12:30:29 +08:00
use secondary buttons in interface (#1173)
* use secondary buttons in interface * fix tests
This commit is contained in:
parent
7095ce7e04
commit
b8fb0b4727
@ -2801,19 +2801,23 @@ class Button(Clickable, Component):
|
||||
default_value: str = "",
|
||||
*,
|
||||
css: Optional[Dict] = None,
|
||||
variant: str = "primary",
|
||||
**kwargs,
|
||||
):
|
||||
"""
|
||||
Parameters:
|
||||
default_value (str): Default value
|
||||
css (dict): optional css parameters for the component
|
||||
variant (str): 'primary' for main call-to-action, 'secondary' for a more subdued style
|
||||
"""
|
||||
Component.__init__(self, css=css, **kwargs)
|
||||
self.default_value = default_value
|
||||
self.variant = variant
|
||||
|
||||
def get_template_context(self):
|
||||
return {
|
||||
"default_value": self.default_value,
|
||||
"variant": self.variant,
|
||||
**Component.get_template_context(self),
|
||||
}
|
||||
|
||||
|
@ -490,14 +490,14 @@ class Interface(Blocks):
|
||||
self.InterfaceTypes.STANDARD,
|
||||
self.InterfaceTypes.INPUT_ONLY,
|
||||
]:
|
||||
clear_btn = Button("Clear")
|
||||
clear_btn = Button("Clear", variant="secondary")
|
||||
if not self.live:
|
||||
submit_btn = Button("Submit")
|
||||
elif self.interface_type == self.InterfaceTypes.UNIFIED:
|
||||
clear_btn = Button("Clear")
|
||||
clear_btn = Button("Clear", variant="secondary")
|
||||
submit_btn = Button("Submit")
|
||||
if self.allow_flagging == "manual":
|
||||
flag_btn = Button("Flag")
|
||||
flag_btn = Button("Flag", variant="secondary")
|
||||
flag_btn.click(
|
||||
lambda *flag_data: self.flagging_callback.flag(
|
||||
flag_data
|
||||
@ -519,10 +519,10 @@ class Interface(Blocks):
|
||||
component.render()
|
||||
with Row():
|
||||
if self.interface_type == self.InterfaceTypes.OUTPUT_ONLY:
|
||||
clear_btn = Button("Clear")
|
||||
clear_btn = Button("Clear", variant="secondary")
|
||||
submit_btn = Button("Generate")
|
||||
if self.allow_flagging == "manual":
|
||||
flag_btn = Button("Flag")
|
||||
flag_btn = Button("Flag", variant="secondary")
|
||||
flag_btn.click(
|
||||
lambda *flag_data: self.flagging_callback.flag(
|
||||
flag_data
|
||||
@ -533,7 +533,9 @@ class Interface(Blocks):
|
||||
_preprocess=False,
|
||||
)
|
||||
if self.interpretation:
|
||||
interpretation_btn = Button("Interpret")
|
||||
interpretation_btn = Button(
|
||||
"Interpret", variant="secondary"
|
||||
)
|
||||
submit_fn = (
|
||||
lambda *args: self.run_prediction(args)[0]
|
||||
if len(self.output_components) == 1
|
||||
|
@ -62,6 +62,7 @@ XRAY_CONFIG = {
|
||||
"default_value": "Run",
|
||||
"name": "button",
|
||||
"css": {"background-color": "red", "--hover-color": "orange"},
|
||||
"variant": "primary",
|
||||
},
|
||||
},
|
||||
{
|
||||
@ -99,7 +100,12 @@ XRAY_CONFIG = {
|
||||
{
|
||||
"id": 13,
|
||||
"type": "button",
|
||||
"props": {"default_value": "Run", "name": "button", "css": {}},
|
||||
"props": {
|
||||
"default_value": "Run",
|
||||
"name": "button",
|
||||
"css": {},
|
||||
"variant": "primary",
|
||||
},
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
@ -245,6 +251,7 @@ XRAY_CONFIG_DIFF_IDS = {
|
||||
"default_value": "Run",
|
||||
"name": "button",
|
||||
"css": {"background-color": "red", "--hover-color": "orange"},
|
||||
"variant": "primary",
|
||||
},
|
||||
},
|
||||
{
|
||||
@ -290,6 +297,7 @@ XRAY_CONFIG_DIFF_IDS = {
|
||||
"default_value": "Run",
|
||||
"name": "button",
|
||||
"css": {},
|
||||
"variant": "primary",
|
||||
},
|
||||
},
|
||||
{
|
||||
@ -417,6 +425,7 @@ XRAY_CONFIG_WITH_MISTAKE = {
|
||||
"default_value": "Run",
|
||||
"name": "button",
|
||||
"css": {"background-color": "red", "--hover-color": "orange"},
|
||||
"variant": "primary",
|
||||
},
|
||||
},
|
||||
{
|
||||
@ -461,6 +470,7 @@ XRAY_CONFIG_WITH_MISTAKE = {
|
||||
"default_value": "Run",
|
||||
"name": "button",
|
||||
"css": {},
|
||||
"variant": "primary",
|
||||
},
|
||||
},
|
||||
{
|
||||
|
Loading…
x
Reference in New Issue
Block a user