|||
🏠
Início
🏠
Meus Cursos
🔒
🏠
Assinatura
🔒
 Gerenciador de Estudos
🏠
Cronograma
🏠
Controle de curso
🏠
Guias da aprovação
🔒
🏠
Monitor de desempenho
 Componentes
🖥️
gs-app
⭐
👀
gs-screen
👆
gs-item
⏰
gs-notify
🛎️
gs-alert
🖱️
gs-button
🏁
gs-section
🧹
gs-empty
gran-style
GRAN STYLE
Design system for JS , Angular , React and Vue!

ANDROID • iOS • WINDOWS • LINUX • MAC

docs • demos • npm • git

gs-app
content
menu
context
dropdown
notify
alert
loader
gs-screen
HEADER
LEFT
BODY
RIGHT
FOOTER

HEADER
LEFT
HEADER
LEFT
BODY
RIGHT
FOOTE
RIGHT
FOOTER

HEADER
LEFT
BODY
RIGHT
FOOTER

HEADER
LEFT
BODY
FOOTE
RIGHT
gs-item
LEFT
CONTENT
RIGHT

LEFT
CONTENT

CONTENT
RIGHT

CONTENT
gs-notify
Título da mensagem!
Um monte de bla bla bla da mensagem...
 Uma mensagem direta em nada de mais... Uma linda mensagem de sucesso! Apenas uma mensagem informativa... Ops! Uma mensagem de alerta!
Deu ruim :(
Mensagem de erro ou falha... faz certo que dá certo porra!
gs-alert
Título da mensagem!
Um monte de bla bla bla da mensagem...
Título da mensagem!
Um monte de bla bla bla da mensagem...
Título da mensagem!
Um monte de bla bla bla da mensagem...
gs-button

disable = true - false

Ativo Inativo

color = primary - secondary - info - success - warning - danger

Primário Secundário Aviso! Sucesso! Atenção! Cancelar Padrão

size = xxl - xl - l - m - s - xs - xxs

Gran Grande Muito Grande Grande Médio Pequeno Muito Pequeno Micro

shape = edge | rounded |circle | square

rounded rounded rounded rounded rounded rounded rounded

square square square square square square square

🐻 🔥 🤏 🍔 ❤️ ⚽ i
gs-section
Título da seção!
Subtítulo de uma determinada seção.
Uma breve descrição ou informação sobre esta seção...
Contaúdo da sesão

Título da seção!
Subtítulo de uma determinada seção.
Uma breve descrição ou informação sobre esta seção...
Contaúdo da sesão

Título da seção!
Subtítulo de uma determinada seção.
col 1 col 2 col 3 col 4 col 5
value 1 value 2 value 3 value 4 value 5
value 1 value 2 value 3 value 4 value 5
value 1 value 2 value 3 value 4 value 5

Título da seção!
Uma breve descrição ou informação sobre esta seção...
gs-empty
Arquivo não encontrado.
O arquivo selecionado não existe ou talvez você não possa acessá-lo.
HEADER
LEFT
RIGHT
FOOTER
HEADER
LEFT
RIGHT
FOOTER