Как определить кнопки для propType объектов для Snackbar из Material-UI? - PullRequest
Новая
       12

Как определить кнопки для propType объектов для Snackbar из Material-UI?

0 голосов
/ 08 ноября 2019

Я сделал Snackbar из Material-ui, у которого есть реквизит, который называется «anchorOrigin», и я хочу сделать ручки для сборника рассказов, в котором вы можете выбрать вертикальный: верх или низ и горизонталь: вправо или влево или центр,Я перепробовал все, но это не сработало. Я был бы очень рад, если бы кто-то имел представление о том, что делать.

Snackbar.js 

Snackbar.propTypes = {
/**
* Needs two String. 
* Horizontal: 'left', 'center' or 'right'. 
* Vertical: 'top' or 'bottom'.
*/
    anchorOrigin: PropTypes.exact({
        vertical: PropTypes.string,
        horizontal: PropTypes.string
    }),

Snackbar.stories.js 

export const withknobs = () => ( 
    <NoaSnackbar
    open={boolean("Open", false, "Open")}
    autoHideDuration={number("AutoHideDuration", 1000, "AutoHideDuration")}
    // anchorOrigin={optionsKnob("Position", positionValue, positionDefaulValue , {display: 'select'}, "Position")}
    //anchorOrigin={text("anchorOrigin: ", "{ vertical: 'bottom', horizontal: 'center' }", "anchorOrigin")}
    variant={radios(
        "Variations",
        { error: "error", info: "info", success: "success", warning: "warning" },
        "success",
        "Variant"
      )}
    message={text("Message: ", "Type some text", "Message")}
    />        
);
...