File tree Expand file tree Collapse file tree 1 file changed +72
-0
lines changed Expand file tree Collapse file tree 1 file changed +72
-0
lines changed Original file line number Diff line number Diff line change @@ -1034,7 +1034,79 @@ export default YourComponent;
1034
1034
Props:
1035
1035
1036
1036
```
1037
+ TabContainer.defaultProps = {
1038
+ color: "pink",
1039
+ controlled: false
1040
+ };
1041
+
1042
+ TabContainer.propTypes = {
1043
+ // if you want to controll the behavior yourself
1044
+ controlled: PropTypes.bool,
1045
+ // set the background, border and text color for the tab-link
1046
+ color: PropTypes.oneOf([
1047
+ "black",
1048
+ "white",
1049
+ "gray",
1050
+ "red",
1051
+ "orange",
1052
+ "yellow",
1053
+ "green",
1054
+ "teal",
1055
+ "blue",
1056
+ "indigo",
1057
+ "purple",
1058
+ "pink"
1059
+ ]),
1060
+ children: PropTypes.node
1061
+ };
1062
+
1063
+
1064
+ TabContent.defaultProps = {
1065
+ active: false
1066
+ };
1067
+
1068
+ TabContent.propTypes = {
1069
+ show: PropTypes.bool,
1070
+ id: PropTypes.string.isRequired,
1071
+ children: PropTypes.node
1072
+ };
1073
+
1037
1074
1075
+ TabItem.defaultProps = {};
1076
+
1077
+ TabItem.propTypes = {
1078
+ children: PropTypes.node
1079
+ };
1080
+
1081
+
1082
+ TabLink.defaultProps = {
1083
+ disabled: false,
1084
+ active: false,
1085
+ color: "white"
1086
+ };
1087
+
1088
+ TabLink.propTypes = {
1089
+ disabled: PropTypes.bool,
1090
+ active: PropTypes.bool,
1091
+ // set the background, border and text color for the tab-link
1092
+ color: PropTypes.oneOf([
1093
+ "black",
1094
+ "white",
1095
+ "gray",
1096
+ "red",
1097
+ "orange",
1098
+ "yellow",
1099
+ "green",
1100
+ "teal",
1101
+ "blue",
1102
+ "indigo",
1103
+ "purple",
1104
+ "pink"
1105
+ ]),
1106
+ // the tab-content that will be displayed by pressing this tab-link
1107
+ target: PropTypes.string.isRequired,
1108
+ children: PropTypes.node
1109
+ };
1038
1110
```
1039
1111
1040
1112
You can’t perform that action at this time.
0 commit comments