design-system-govbr-rnp
Version:
## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do
71 lines (70 loc) • 2.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Warn = exports.Success = exports.Info = exports.Danger = void 0;
var _react = _interopRequireDefault(require("react"));
var _Message = _interopRequireDefault(require("./Message"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = {
title: "Components/Message",
component: _Message.default,
argsType: {
message: {
description: "Texto referente a mensagem."
},
messageTitle: {
description: "Texto em negrito que se refere ao titulo da mensagem."
},
onClose: {
description: "Função de callback ao fechar o alerta."
},
type: {
description: "Tipo de mensagem, podendo ser: success, warn, error e info."
}
}
};
exports.default = _default;
var Template = function Template(args) {
return /*#__PURE__*/_react.default.createElement(_Message.default, args);
};
var Warn = Template.bind({});
exports.Warn = Warn;
Warn.storyName = "Alerta";
Warn.args = {
message: "Em caso de dúvida, não compartilhe sua senha com terceiros. Ligue para a Central de atendimento.",
messageTitle: "Atenção",
onClose: function onClose() {},
showIcon: true,
type: "warn"
};
var Danger = Template.bind({});
exports.Danger = Danger;
Danger.storyName = "Error";
Danger.args = {
message: " A data não pode ser superior à data atual.",
messageTitle: "Data de início do afastamento inválida. ",
onClose: function onClose() {},
showIcon: true,
type: "error"
};
var Success = Template.bind({});
exports.Success = Success;
Success.storyName = "Sucesso";
Success.args = {
message: "Seus dados foram alterados conforme preencimento do formulário.",
messageTitle: "Sucesso",
onClose: function onClose() {},
showIcon: true,
type: "success"
};
var Info = Template.bind({});
exports.Info = Info;
Info.storyName = "Info";
Info.args = {
message: " Seus dados só serão salvos após o preenchimento do primeiro campo do formulário.",
messageTitle: "Informação",
onClose: function onClose() {},
showIcon: true,
type: "info"
};