Buttons
https://getbootstrap.com/docs/4.3/components/buttons/
Attributes
| Attribute | Values | Data type | Default | Description |
|---|---|---|---|---|
| style | primary, secondary, success, danger, warning, info, light, dark, link | string | primary | Element styling |
| type (tags) | a, input | string | a | Define the button type |
| outline | true, false | bool | Sets outline button style | |
| size | sm, lg | string | Change button size | |
| block | true, false | bool | Set button as block | |
| link | https://google.com | string | Link the button | |
| target | _blank, _self | string | Link target | |
| class | custom | string | Add custom class | |
| toggle | myCollapse, myModal | string | Toggle type | |
| target | collapse, modal | string | Toggle target | |
| rounded | pill, 0, circle, sm, lg | string | Change the border radius |
Style
Primary Secondary Success Danger Warning Info Light Dark Link
[pastacode lang=“php“ manual=“%5Bbutton%20link%3D%22%23%22%20style%3D%22primary%22%5DPrimary%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20style%3D%22secondary%22%5DSecondary%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20style%3D%22success%22%5DSuccess%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20style%3D%22danger%22%5DDanger%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20style%3D%22warning%22%5DWarning%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20style%3D%22info%22%5DInfo%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20style%3D%22light%22%5DLight%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20style%3D%22dark%22%5DDark%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20style%3D%22link%22%5DLink%5B%2Fbutton%5D%0A“ message=““ highlight=““ provider=“manual“/]
Type
[pastacode lang=“php“ manual=“%5Bbutton%20type%3D%22button%22%5D%20Button%20%5B%2Fbutton%5D“ message=““ highlight=““ provider=“manual“/]
Outline
Primary Secondary Success Danger Warning Info Light Dark Link
[pastacode lang=“php“ manual=“%5Bbutton%20link%3D%22%23%22%20outline%3D%22true%22%20style%3D%22primary%22%5DPrimary%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20outline%3D%22true%22%20style%3D%22secondary%22%5DSecondary%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20outline%3D%22true%22%20style%3D%22success%22%5DSuccess%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20outline%3D%22true%22%20style%3D%22danger%22%5DDanger%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20outline%3D%22true%22%20style%3D%22warning%22%5DWarning%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20outline%3D%22true%22%20style%3D%22info%22%5DInfo%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20outline%3D%22true%22%20style%3D%22light%22%5DLight%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20outline%3D%22true%22%20style%3D%22dark%22%5DDark%5B%2Fbutton%5D%0A%5Bbutton%20link%3D%22%23%22%20outline%3D%22true%22%20style%3D%22link%22%5DLink%5B%2Fbutton%5D%0A“ message=““ highlight=““ provider=“manual“/]
Size
[pastacode lang=“php“ manual=“%5Bbutton%20type%3D%22button%22%20size%3D%22sm%22%5D%20Small%20Button%20%5B%2Fbutton%5D%0A%0A%5Bbutton%20type%3D%22button%22%20size%3D%22lg%22%5D%20Large%20Button%20%5B%2Fbutton%5D“ message=““ highlight=““ provider=“manual“/]
Block
[pastacode lang=“php“ manual=“%5Bbutton%20type%3D%22button%22%20block%3D%22true%22%5D%20Block%20Button%20%5B%2Fbutton%5D“ message=““ highlight=““ provider=“manual“/]
Link / Target
[pastacode lang=“php“ manual=“%5Bbutton%20link%3D%22https%3A%2F%2Fendcore.com%22%5D%20link%20%5B%2Fbutton%5D%20%0A%0A%5Bbutton%20link%3D%22https%3A%2F%2Fendcore.com%22%20target%3D%22_blank%22%5D%20link%20%2B%20target%20%5B%2Fbutton%5D“ message=““ highlight=““ provider=“manual“/]
Class
[pastacode lang=“php“ manual=“%5Bbutton%20class%3D%22mx-5%22%20style%3D%22primary%22%5DPrimary%5B%2Fbutton%5D%0A“ message=““ highlight=““ provider=“manual“/]
Collapse
See https://xcore.akcl.de/bootstrap/components/collapse/
Rounded
Rounded Pill Rounded 0 Rounded lg Rounded sm X
[pastacode lang=“php“ manual=“%5Bbutton%20rounded%3D%22pill%22%5D%20Round%20Button%20%5B%2Fbutton%5D%20%0A%0A%5Bbutton%20rounded%3D%220%22%5D%20Square%20Button%20%5B%2Fbutton%5D%0A%0A%5Bbutton%20rounded%3D%22sm%22%5D%20Round%20Button%20%5B%2Fbutton%5D%20%0A%0A%5Bbutton%20rounded%3D%22lg%22%5D%20Square%20Button%20%5B%2Fbutton%5D%0A%0A%5Bbutton%20rounded%3D%22circle%22%5D%20X%20%5B%2Fbutton%5D“ message=““ highlight=““ provider=“manual“/]