> For the complete documentation index, see [llms.txt](https://docs.firework.com/firework-for-developers/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.firework.com/firework-for-developers/flutter-sdk/integration-guide-v2/customization/circle-story-configurations-flutter.md).

# Circle story configurations (Flutter)

`CircleStory` widget provides `circleStoryConfiguration` property for configuring circle story. The current configurable are `backgroundColor`, playIcon, and enableAutoplay etc. For additional information, please refer to the code snippets below.

```dart
final configuration = CircleStoryConfiguration();

// Configure background color
configuration.backgroundColor = "#ffffff";
// Configure circle story item play icon
configuration.playIcon = VideoFeedPlayIconConfiguration(
  hidden: true,
  iconWidth: 30,
);
// Indicates if the video feed shows ad badge
configuration.showAdBadge = true;
// Configure the item spacing
configuration.itemSpacing = 10;
// Specifies if circle story item autoplay is enabled
configuration.enableAutoplay = true;
// Configure content padding
configuration.contentPadding = VideoFeedPadding(
  top: 10,
  right: 10,
  bottom: 10,
  left: 10,
);
CircleStory(
  source: VideoFeedSource.discover,
  circleStoryConfiguration: configuration,
);
```