MCPcopy Index your code
hub / github.com/Trendyol/baklava-react-native

github.com/Trendyol/baklava-react-native @v2.54.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v2.54.0 ↗ · + Follow
640 symbols 1,793 edges 556 files 2 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

OpenSSF Scorecard

Baklava React Native

Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.

It is built on top of React Native and Restyle, allowing you to develop apps for Android and iOS. Our target is providing a UI library that has neatly designed and developed for providing best possible user experience for the users of applications that uses Baklava DS.

ButtonVariants IconList TextHeading

Getting Started

Refer to the getting started guide for instructions.

Installation

Open a Terminal in your project's folder and run:

npm install @trendyol/baklava-react-native

You also need to install react-native-svg.

npm install react-native-svg

For expo users you need to install react-native-svg with:

npx expo install react-native-svg@12.3.0

Run it locally

  1. Clone the project
git clone https://github.com/Trendyol/baklava-react-native.git
  1. Install dependencies
cd baklava-react-native

npm install

npm run pod
  1. Run the cross-platform app
`npm run ios` or `npm run android`

Example App

An examples application has been created on expo snack to try baklava-react-native without installing it.

baklava-react-native can be tested by downloading the Expo Go application and scanning the qr from ios/android devices -> baklava-react-native-example

Documentation

Check the components and their usage in our documentation.

Extension points exported contracts — how you extend this code

SvgProps (Interface)
(no doc)
react-native-svg.d.ts
RenderOptions (Interface)
(no doc)
src/test-utils.tsx
DatePickerContextType (Interface)
(no doc)
src/components/DatePicker/DatePickerContext.tsx
DatePickerProviderProps (Interface)
(no doc)
src/components/DatePicker/DatePickerContext.tsx
DatePickerYearRange (Interface)
(no doc)
src/components/DatePicker/DatePickerContext.tsx
CalendarWrapperProps (Interface)
(no doc)
src/components/DatePicker/CalendarWrapper.tsx
DatePickerProps (Interface)
(no doc)
src/components/DatePicker/DatePicker.tsx

Core symbols most depended-on inside this repo

getDateFromString
called by 23
src/components/DatePicker/utils.ts
getDayFromDateRange
called by 18
src/components/DatePicker/utils.ts
formatDate
called by 17
src/components/DatePicker/utils.ts
createCalendar
called by 14
src/components/DatePicker/utils.ts
getDateTimestamp
called by 14
src/components/DatePicker/utils.ts
createDate
called by 12
src/components/DatePicker/utils.ts
getPlaceholderText
called by 10
src/components/Input/utils.ts
getPlaceholderText
called by 9
src/components/TextArea/utils.ts

Shape

Function 611
Interface 19
Method 7
Class 2
Enum 1

Languages

TypeScript99%
Kotlin1%

Modules by API surface

src/components/DatePicker/utils.ts11 symbols
src/components/Button/Button.stories.tsx11 symbols
src/components/TextLink/TextLink.stories.tsx8 symbols
src/components/Text/Text.stories.tsx8 symbols
src/components/SelectBottomSheet/SelectBottomSheet.stories.tsx7 symbols
src/components/Toast/utils.ts6 symbols
src/components/TextArea/utils.ts6 symbols
src/components/Select/Select.stories.tsx6 symbols
src/components/Input/utils.ts6 symbols
src/components/Input/hooks.ts6 symbols
src/components/DatePicker/DatePicker.stories.tsx6 symbols
src/components/TextArea/hooks.ts5 symbols

For agents

$ claude mcp add baklava-react-native \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page