diff --git a/front/packages/primitives/src/button.tsx b/front/packages/primitives/src/button.tsx
new file mode 100644
index 00000000..1b9391fd
--- /dev/null
+++ b/front/packages/primitives/src/button.tsx
@@ -0,0 +1,54 @@
+/*
+ * Kyoo - A portable and vast media library solution.
+ * Copyright (c) Kyoo.
+ *
+ * See AUTHORS.md and LICENSE file in the project root for full license information.
+ *
+ * Kyoo is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * Kyoo is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Kyoo. If not, see .
+ */
+
+import { px, Stylable, Theme, useYoshiki } from "yoshiki/native";
+import { PressableFeedback } from "./links";
+import { P } from "./text";
+import { ts } from "./utils";
+
+export const Button = ({
+ text,
+ onPress,
+ ...props
+}: { text: string; onPress?: () => void } & Stylable) => {
+ const { css } = useYoshiki();
+
+ return (
+ theme.accent,
+ borderWidth: ts(0.5),
+ fover: {
+ self: { bg: (theme: Theme) => theme.accent },
+ text: { color: (theme: Theme) => theme.colors.white },
+ },
+ },
+ props,
+ )}
+ >
+ {text}
+
+ );
+};
diff --git a/front/packages/primitives/src/index.ts b/front/packages/primitives/src/index.ts
index 69f3d97b..dfad49fb 100644
--- a/front/packages/primitives/src/index.ts
+++ b/front/packages/primitives/src/index.ts
@@ -33,6 +33,7 @@ export * from "./progress";
export * from "./slider";
export * from "./menu";
export * from "./input";
+export * from "./button";
export * from "./animated";
export * from "./utils";