Sentre
Search…
Welcome
SenHub
Design Pricinples
Button
Card
Checkbox
Color
Corner radius
Drawer
Dropdown
Grid
Icons
Input
List
Menu
Modal
Radio
Select
Shadow
Spacing
Switch
Tabs
Tooltip
Table
Typography
Litepaper
Powered By
GitBook
Button
Buttons allow users to take actions, and make choices, with a single tap.
Usage
A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic.
In SenOS we provide 3 types of button:
Primary button: indicate the main action, one primary button at most in one section.
Default button: indicate a series of actions without.
Text button: used for the most secondary action.
And 3 states:
Hover: used for the action of putting the mouse pointer on the button.
Pressed: used for button click action.
Disabled: when actions are not available.
Specs
We provide 3 sizes of button:
Large
Default
Small
Sample code
1
// Some code
Copied!
Previous
Design Pricinples
Next
Card
Last modified
6mo ago
Copy link
Contents
Usage
Specs
Sample code