Mercedes Pattern Library

Buttons

  • HTML
  • View
  • Context
  • Info
  • Notes
<div class="a-button">
    Button
</div>
<div class="a-button">
	{{ value }}
</div>
{
  "iconName": "passaporto",
  "value": "Button",
  "id": "move_column"
}
  • Handle: @buttons
  • Variants (6): Default , Azure , File , File Active , Icon , Transparent
  • Preview:
    • With layout
    • Component only
  • Filesystem Path: components/atoms/buttons/buttons.nunj
  • Referenced by (28): @modal-window, @modal-window--2-6, @modal-window--3-4e, @modal-window--3-4g, @modal-window--3-7b, @modal-window--3-7c, @slider-header, @mercedes-sprint1-15, @modal-window--invio-istruttoria, @mercedes-sprint1-2, @mercedes-sprint1-2-profilo, @mercedes-sprint1-7, @mercedes-sprint1-9, @mercedes-sprint1-18, @mercedes-sprint2-proposta-soggetti, @mercedes-sprint2-5, @mercedes-sprint2-6, @mercedes-sprint2-6--modal, @mercedes-sprint2-7, @mercedes-sprint2-9, @mercedes-sprint2-9-datiedit, @mercedes-sprint2-9-hover, @mercedes-sprint2-10-soggetti, @mercedes-sprint2-11, @mercedes-sprint2-12, @mercedes-sprint2-13, @mercedes-sprint2-16-proposta, @mercedes-sprint3-5

There are no notes for this item.

components

  • Atoms

    • Button Round

      • Default
      • Active
    • Buttons

      • Default
      • Azure
      • File
      • File Active
      • Icon
      • Transparent
    • Checkbox
    • Digit Box

      • Default
      • Big
    • Filter Button

      • Default
      • Icon
    • Finance Card

      • Default
      • Active
      • Transparent
    • Hp Card

      • Default
      • Small
    • Icons
    • Indicator

      • Default
      • Danger
      • Outline Active
      • Outline Neutral
    • Info Auto
    • Input

      • Default
      • Disabled
      • Error
      • Icon
      • Password
      • Radio
      • Radio Circle
      • Readonly
      • Search
      • Select
      • Text
    • Link
    • Notification
    • Onoff Switch

      • Default
      • Small Label
    • Radio
    • Service Card

      • Default
      • Active
      • Close
    • Service Card Small

      • Default
      • Active
    • Shadow Layer
    • Tag

      • Default
      • Icon
  • Layout

    • Alignments
    • Grid
    • Main Wrapper
    • Spacing
    • Typography
  • Modules

    • Accordion Row

      • Default
      • Sprint 2 1
      • Sprint 2 15
      • Sprint 3 2
      • Sprint 3 6
    • Accordion Trigger

      • Default
      • Active
      • Open
    • Action Button

      • Default
      • Active
    • Action Controls
    • Calendar
    • Card Model

      • Default
      • Selected
    • Data Bank Details
    • Document File
    • Filter Container
    • Filter Controls
    • Financing Table

      • Default
      • Proposal
    • Footer Controls
    • Header

      • Default
      • No Links
      • Small
    • Modal Window

      • Default
      • 2 6
      • 3 3 D
      • 3 3 E
      • 3 4 E
      • 3 4 G
      • 3 7 B
      • 3 7 C
      • Invio Istruttoria
    • Notification Banner

      • Default
      • Error
    • Proposal Header
    • Question Row
    • Recap Header
    • Slider Header
    • Step Line
    • Sub Header
    • Table List

      • Default
      • Alert
      • Error
      • Hover
      • Pending
    • Underline Nav
    • User Document Details

      • Default
      • No Img
  • Pages

    • 1 2

      • Mercedes Sprint 1 2
      • Mercedes Sprint 1 2 Profilo
    • 1 1

      • Mercedes Sprint 1 Profilazione Clienti
    • 1 4

      • Mercedes Sprint 1 4
    • 1 5

      • Mercedes Sprint 1 5
    • 1 6

      • Mercedes Sprint 1 6
    • 1 7

      • Mercedes Sprint 1 7
    • 1 8

      • Mercedes Sprint 1 8
      • Mercedes Sprint 1 8 Accordion Chiusi
      • Mercedes Sprint 1 8 Accordion Chiusi Menu Chiuso
      • Mercedes Sprint 1 8 Click 1
    • 1 9

      • Mercedes Sprint 1 9
    • 1 10

      • Mercedes Sprint 1 10
    • 1 12

      • Mercedes Sprint 1 12
    • 1 13

      • Mercedes Sprint 1 13
    • 1 15

      • Mercedes Sprint 1 15
    • 1 18

      • Mercedes Sprint 1 18
    • 1 20

      • Mercedes Sprint 1 20
    • 1 23

      • Mercedes Sprint 1 23
    • 1 25

      • Mercedes Sprint 1 25
    • 1 26

      • Mercedes Sprint 1 26
    • 1 27

      • Mercedes Sprint 1 27
    • 1 28

      • Mercedes Sprint 1 28
    • 1 30

      • Mercedes Sprint 1 30
    • 2 Proposta Soggetti

      • Mercedes Sprint 2 Proposta Soggetti
    • 2 1

      • Mercedes Sprint 2 1
      • Mercedes Sprint 2 1 Accordion Aperto
      • Mercedes Sprint 2 1 Filtri Aperto
    • 2 5

      • Mercedes Sprint 2 5
    • 2 6

      • Mercedes Sprint 2 6

        • Default
        • Modal
    • 2 7

      • Mercedes Sprint 2 7
    • 2 8

      • Mercedes Sprint 2 8
      • Mercedes Sprint 2 8 Filtri Aperto
    • 2 9

      • Mercedes Sprint 2 9
      • Mercedes Sprint 2 9 Datiedit
      • Mercedes Sprint 2 9 Hover
    • 2 10

      • Mercedes Sprint 2 10
      • Mercedes Sprint 2 10 Soggetti
    • 2 11 12 13

      • Mercedes Sprint 2 11
      • Mercedes Sprint 2 12
      • Mercedes Sprint 2 13
    • 2 14

      • Mercedes Sprint 2 14
      • Mercedes Sprint 2 14 Modale
    • 2 15

      • Mercedes Sprint 2 15
      • Mercedes Sprint 2 15 Accordion Aperto
      • Mercedes Sprint 2 15 Filtri Aperto
    • 2 16

      • Mercedes Sprint 2 16
      • Mercedes Sprint 2 16 Proposta
    • 3 2

      • Mercedes Sprint 3 2
      • Mercedes Sprint 3 2 Accordion Aperto
      • Mercedes Sprint 3 2 Filtri Aperto
    • 3 5

      • Mercedes Sprint 3 5
    • 3 6

      • Mercedes Sprint 3 6
      • Mercedes Sprint 3 6 Accordion Aperto
      • Mercedes Sprint 3 6 Filtri Aperto
    • Home Coda

      • Home Coda Filtri
      • Home Coda Filtri Aperto
      • Home Coda Filtri Attivi