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
70 lines (69 loc) • 1.79 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Simple = exports.Compound = void 0;
var _react = _interopRequireDefault(require("react"));
var _SkipLink = _interopRequireDefault(require("./SkipLink"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = {
title: "Components/SkipLink",
component: _SkipLink.default,
argTypes: {
type: {
name: "Tipo",
description: "Tipo de SkipLink",
table: {
type: {
summary: "select"
}
},
control: {
type: "select",
options: ["simple", "compound"]
}
}
}
};
exports.default = _default;
var Template = function Template(args) {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SkipLink.default, args), /*#__PURE__*/_react.default.createElement("p", null, "Para visualizar o comportamento dos links use a tecla \"tab\" do teclado."));
};
var Simple = Template.bind({});
exports.Simple = Simple;
Simple.storyName = "Simples";
Simple.args = {
type: "simple",
options: [{
link: "#conteudo",
text: "Ir para conteúdo"
}, {
link: "#menu",
text: "Ir para o menu"
}, {
link: "#busca",
text: "Ir para a busca"
}, {
link: "#rodape",
text: "Ir para o rodapé"
}]
};
var Compound = Template.bind({});
exports.Compound = Compound;
Compound.storyName = "Composto";
Compound.args = {
type: "compound",
options: [{
link: "#conteudo",
text: "Ir para conteúdo"
}, {
link: "#menu",
text: "Ir para o menu"
}, {
link: "#busca",
text: "Ir para a busca"
}, {
link: "#rodape",
text: "Ir para o rodapé"
}]
};