Buttons

Normal

Outline

Text only

Icon only

Icon inside

Cards

Vertical

New album!

Click the button to listen on Spotiwhy app.

Horizontal

New album!

Click the button to listen on Spotiwhy app.

Without image

New album!

Click the button to listen on Spotiwhy app.

Dropdown

Context menu

List

Popover

Dialogs

Notifications

Title only

This is the notification title

With body

This is the notification title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, assumenda.

With actions

This is the notification title

With body and actions

This is the notification title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, assumenda.

Toasted

    Badges

    LinkLink activeLink disabled
    SpanSpan activeSpan disabled
    Link accentLink accent activeLink accent disabled
    Span accentSpan accent activeSpan accent disabled
    With button

    Form elements

    Checkbox

    Toggle

    Radio

    Text input

    Number input

    Textarea

    Select (native)

    Select (custom)

    Select (multiple)

    Combobox

    Combobox (multiple)

    Tags input

    TODO

    File input (simple)

    File input (advanced)

    TODO

    Slider (single)

    Slider (range)

    Groups

    Button groups

    Input groups

    €

    Tabs

    Tab 1

    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Itaque, dolorem.

    Collapse

    Disclosure

    Accordion

    Pagination

    Buttons

    Normal

    Outline

    Text only

    Icon only

    Icon inside

    Cards

    Vertical

    New album!

    Click the button to listen on Spotiwhy app.

    Horizontal

    New album!

    Click the button to listen on Spotiwhy app.

    Without image

    New album!

    Click the button to listen on Spotiwhy app.

    Dropdown

    Context menu

    List

    Popover

    Dialogs

    Notifications

    Title only

    This is the notification title

    With body

    This is the notification title

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, assumenda.

    With actions

    This is the notification title

    With body and actions

    This is the notification title

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, assumenda.

    Toasted

      Badges

      LinkLink activeLink disabled
      SpanSpan activeSpan disabled
      Link accentLink accent activeLink accent disabled
      Span accentSpan accent activeSpan accent disabled
      With button

      Form elements

      Checkbox

      Toggle

      Radio

      Text input

      Number input

      Textarea

      Select (native)

      Select (custom)

      Select (multiple)

      Combobox

      Combobox (multiple)

      Tags input

      TODO

      File input (simple)

      File input (advanced)

      TODO

      Slider (single)

      Slider (range)

      Groups

      Button groups

      Input groups

      €

      Tabs

      Tab 1

      Lorem, ipsum dolor sit amet consectetur adipisicing elit. Itaque, dolorem.

      Collapse

      Disclosure

      Accordion

      Pagination