Logos
Smart Contracts
Here are some examples of reading from and writing to Ethereum smart contracts.
Base Colors
Grays
white
gray-50
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
black
Blues
blue-50
blue-100
blue-200
blue-300
blue-400
blue-500
blue-600
blue-700
blue-800
blue-900
Yellows
yellow-50
yellow-100
yellow-200
yellow-300
yellow-400
yellow-500
yellow-600
yellow-700
yellow-800
yellow-900
Signal & Status Colors
accent-green
success-light
signal-red
signal-green
signal-yellow
success
error
warning
info
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This is body text. These are paragraphs and spans. This is a link.
This is using the text-sm class.
This is using the text-xs class.
Notifications
Noble Component Library
Buttons
Variants
Sizes
Pills
Variants
Primary
Secondary
Success
Error
Disabled
With Icon
Sizes
Small
Medium
Large