Histórico da Página
...
Este guia é destinado a desenvolvedores que desejam construir páginas e widgets com as folhas de estilos (CSS) do atual guia de estilos do fluig. Ao utilizar o guia de estilos do fluig suas widgets terão o mesmo padrão visual da plataforma e consequentemente o mesmo tema em relação a cores e espaçamentos de elementos visuais.
...
Documentação
Você pode acessar nossa página estática onde todos os componentes estão devidamente documentados e com exemplos de uso.
Informações | ||
---|---|---|
| ||
Acesse style.fluig.com e confira todos os componentes já documentados |
Utilização
O Fluig Style guide pode ser adicionado em qualquer página de forma isolada, isso por que suas formatações CSS ficam restritas a fluig-style-guide.
Você deverá declarar em seu html a carga do arquivo css e js.
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://style.fluig.com/css/fluig-style-guide.min.css">
</head>
<body>
<div class="fluig-style-guide">
<div class="alert alert-warning fade in" role="alert">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<strong>Fluig Style guide</strong> Acesse <a href="http://style.fluig.com/javascript.html#alerts">aqui</a>.
</div>
</div>
</body>
</html> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas